Pengenalan HTML


HTML merupakan singkatan dari Hyper Text Markup Language. HTML digunakan untuk mendeskripsikan struktur dari halaman web dengan terdiri dari beberapa elemen yang akan mewakili masing-masing konten tersebut seperti “heading”, “paragraph”, “table”, dan lain-lain. Elemen HTML ini digunakan untuk merender konten yang dilabelinya jadi dalam tampilan browser elemen-elemen ini tidak ikut ditampilkan. Singkatnya elemen hanya memberitahukan pada browser bagaimana suatu konten akan ditampilkan.


Sejarah HTML


HTML diciptakan oleh Timothy John Berners-Lee atau kerap disapa Tim Berners Lee (TBL). Beliau juga merupakan pendiri World Wide Web sekaligus juga ketua World Wide Web Consortium. HTML dibuat pertama kali pada akhir tahun 1991 namun baru pada tahun 1995 dikenalkannya spesifikasi versi standart dari HTML dengan versi HTML 2.0. Berselang dua tahun kemudian, pada tahun 1997 dipublish HTML 3.2 hingga pada akhir 1999 mulai dikenalkannya versi major dari HTML dengan HTML 4.01.

Sayangnya, mulai tahun 2000 hingga tahun 2007 tidak ada update dari HTML. Baru setelah masuk tahun 2008 mulai dipublish draft dari HTML 5 dengan rencana pada tahun 2010 HTML 5 sudah mendapatkan status rekomendasi, namun ternyata rencana tersebut mulur. Hingga tahun 2012 HTML 5 sudah menjadi sebuah standart dan pada akhirnya berselang 2 tahun kemudian pada 2014 HTML 5 mendapatkan status rekomendasi.


Mengapa Harus Mempelajari HTML?


HTML merupakan pengetahuan dasar dan wajib bagi para programmer untuk membuat sebuah alplikasi berbasis web. Ibarat ingin membangun sebuah rumah maka diperlukan sebuah kerangka, jika diterapkan dalam pembuatan aplikasi berbasis web maka HTML tersebut bisa dikatakan kerangkanya. Selain itu dengan mempelajari HTML kita dapat mendapatkan manfaat seperti:


Struktur Dokumen HTML


Struktur dokumen HTML sendiri secara default terdiri dari:

Elemen Keterangan
<!DOCTYPE html> Mendefinisikan bahwa dokumen ini merupakan dokumen html
<html> Mendefinisikan bahwa elemen ini merupakan elemen root dari HTML.
<head> Elemen yang menampung informasi meta dari dokumen
<body> Elemen yang digunakan untuk menampilkan konten yang dapat dilihat

Gambaran dari struktur default dokumen html

<html>
<head>
</head> <body>
</body>
</html>

Contoh Simpel Dokumen HTML


Contoh sederhana lainnya dari dokumen HTML.

<!DOCTYPE html>
<html>
<head>
    <title> Belajar HTML </title>
</head>
<body>
    <h1> Judul Konten </h1>
    <p> Isi Konten </p>
</body>
</html>

Hasil dari kode di atas

Judul Konten

Isi Konten

Penjelasan elemen di atas

Elemen Keterangan
<title> Menampilkan judul atau nama halaman pada title bar
<h1> Mendefinisikan bahwa elemen ini merupakan elemen root dari HTML.
<p> Digunakan untuk membuat paragraf