Belajar HTML Untuk Pemula

Seputar Dunia Komputer & Internet

Hypertext Markup Language atau lebih dikenal sebagai HTML adalah Bahasa yang digunakan untuk membuat atau menampilkan sebuah halaman Web. Menurut sejarahnya, HTML pertama kali dikenalkan oleh Tim Berners-Lee dan rekannya Robert Cailliau pada tahun 1980. Versi pertama HTML hanya menggunakan 18 elemen, kemudian pengembangan HTML dilanjutkan oleh World Wide Web Consortium (W3C) dan dilakukan revisi hingga akhirnya HTML sudah mencapai versinya yang ke-5 (HTML5) yang bisa kita rasakan saat ini. Itulah sedikit sejarah HTML sebagai kata pengantar belajar kita kali ini.

STRUKTUR DASAR HTML

Pada umumnya, dokumen HTML memiliki sebuah tag, yaitu tag pembuka dan tag penutup. Tag pembuka dan tag penutup ini wajib ada disemua elemen, karena Web Browser akan menampilan pesan kesalahan bila sebuah elemen HTML yang kita buat tidak ditutup dengan Tag Penutup.

Struktur Dasar HTML

TAG DOCTYPE

Tag DOCTYPE adalah tag yang pertama kali dibaca oleh Web Browser, tag ini berfungsi untuk mengidentifikasi versi HTML yang kita gunakan. Sebagai contoh, HTML5 menggunakan tag seperti gambar diatas

TAG HTML

Tag HTML adalah tag kedua setelah tag DOCTYPE, Tag HTML ini berfungsi sebagai tag pembuka dokumen HTML. Setelah tag HTML dibuka, biasanya tag HTML ini akan ditutup di akhir sebuah dokumen HTML. Berikut adalah gambarnya :

Tag HTML

TAG HEAD

Tag HEAD adalah tag ketiga setelah tag HTML, tag HEAD ini berfugsi sebagai informasi yang menunjukan Judul, Deskripsi, maupun Kata kunci (Keyword) dari dokumen HTML yang kita buat. Didalam tag HEAD sendiri memiliki beberapa anak tag yang berfungsi untuk memperjelas isi dokumen HTML yaitu :

1. TAG TITLE

Berisi judul dari dokumen HTML yang kita buat

2. TAG DESCRIPTION

Berisi deskripsi singkat mengenai dokumen HTML yang kita buat

3. TAG KEYWORD

Berisi kata kunci atau kata yang sering kita gunakan dalam dokumen HTML yang kita buat

Tag HEAD

TAG BODY

Tag BODY adalah tag keempat setelah tag HEAD, tag BODY ini adalah inti dari dokumen HTML yang kita buat. Didalam tag BODY inilah kita meletakan konten kita, baik itu tulisan, gambar, maupun video. Berikut contohnya :

Tag BODY

Sekian pembelajaran kita mengenai HTML, pada pertemuan selanjutnya saya akan memberikan Tutorial mengenai Cascading Style Sheet (CSS) guna memperbanyak pengetahuan kita tentang HTML. Terimakasih