Artikel ini merupakan bagian dari seri Belajar HTML untuk Pemula di hanifmu.com. Seri ini membahas HTML dari dasar hingga mahir, cocok untuk kamu yang baru memulai belajar web development.
HTML adalah bahasa markup yang jadi fondasi setiap website di internet. Tanpa HTML, tidak ada halaman web yang bisa kamu lihat di browser. Artikel ini membahas apa itu HTML, mengapa penting dipelajari, dan sejarah singkatnya.
Apa itu HTML?
HTML singkatan dari HyperText Markup Language. Sederhananya, HTML adalah bahasa untuk membuat struktur dan konten halaman web.
Penjelasan tiap kata:
- HyperText — Teks yang bisa diklik dan mengarah ke halaman lain (hyperlink)
- Markup — Menandai teks dengan tag tertentu agar browser tahu cara menampilkannya
- Language — Bahasa yang punya aturan dan struktur baku
HTML bukan bahasa pemrograman. HTML tidak bisa membuat logika atau perhitungan. HTML hanya menyusun konten, teks, gambar, link, dan elemen lain agar bisa ditampilkan di browser.
Mengapa HTML Penting?
HTML adalah langkah pertama yang wajib dipahami jika ingin belajar web development. Alasannya:
- Fondasi semua website — Setiap website, dari blog sederhana hingga aplikasi kompleks, dibangun dengan HTML
- Mudah dipelajari — HTML punya syntax yang sederhana dan tidak perlu pengetahuan pemrograman sebelumnya
- Didukung semua browser — Semua browser modern (Chrome, Firefox, Safari, Edge) mengerti HTML
- Jembatan ke teknologi lain — HTML adalah awal sebelum belajar CSS (tampilan) dan JavaScript (interaktivitas)
Tanpa HTML, CSS dan JavaScript tidak punya tempat untuk bekerja. Bayangkan HTML sebagai kerangka rumah, CSS sebagai cat dan dekorasi, sedangkan JavaScript sebagai kelistrikan dan sistem rumah pintar.
Sejarah Singkat HTML
HTML pertama kali dibuat oleh Tim Berners-Lee pada tahun 1991. Saat itu, ia bekerja di CERN (laboratorium fisika di Swiss) dan membutuhkan cara untuk membagikan dokumen antar komputer.
Timeline penting dalam sejarah HTML:
- 1991 — HTML pertama kali diperkenalkan oleh Tim Berners-Lee
- 1994 — HTML 2.0 menjadi standar resmi pertama
- 1997 — HTML 3.2 dan HTML 4.0 dirilis dengan fitur lebih lengkap
- 2000 — HTML 4.01 menjadi standar stabil yang digunakan bertahun-tahun
- 2008 — HTML5 mulai dikembangkan oleh WHATWG
- 2014 — HTML5 resmi dirilis sebagai standar W3C
- Sekarang — HTML5 masih menjadi standar yang digunakan hingga saat ini
Yang menarik, Tim Berners-Lee tidak mematenkan HTML. Ia ingin HTML tetap gratis dan bisa diakses oleh siapa saja. Keputusan inilah yang membuat internet berkembang pesat seperti sekarang.
Cara Kerja HTML
HTML bekerja dengan cara yang sangat sederhana. Kamu menulis kode HTML dalam file berekstensi .html, lalu browser membaca file tersebut dan menampilkannya sebagai halaman web.
Contoh kode HTML paling dasar:
<!DOCTYPE html>
<html>
<head>
<title>Halo Dunia</title>
</head>
<body>
<h1>Halo, Dunia!</h1>
<p>Ini adalah halaman web pertama saya.</p>
</body>
</html>
Kita bedah kode di atas:
<!DOCTYPE html>— Memberi tahu browser bahwa ini adalah dokumen HTML5<html>— Elemen root yang membungkus seluruh konten<head>— Bagian yang berisi informasi tentang halaman (judul, meta data)<title>— Judul yang muncul di tab browser<body>— Bagian yang berisi konten yang terlihat di layar<h1>— Heading utama<p>— Paragraph (paragraf)
Browser membaca kode di atas dan menampilkan teks “Halo, Dunia!” dalam format heading besar, diikuti paragraf biasa di bawahnya.
Elemen Dasar dalam HTML
Istilah elemen merujuk pada komponen dalam HTML. Setiap elemen terdiri dari tiga bagian:
- Opening tag — Tanda pembuka, contoh:
<p> - Content — Isi elemen, contoh: “Ini adalah paragraf”
- Closing tag — Tanda penutup, contoh:
</p>
Gabungan ketiganya membentuk satu elemen HTML:
<p>Ini adalah paragraf</p>
Beberapa elemen bersifat self-closing (tidak perlu closing tag), seperti:
<img src="foto.jpg" alt="Foto profil" />
<br />
<hr />
Perbedaan HTML dengan CSS dan JavaScript
Pemula sering bingung membedakan HTML, CSS, dan JavaScript. Penjelasannya:
| Teknologi | Fungsi | Analogi |
|---|---|---|
| HTML | Struktur dan konten | Kerangka rumah |
| CSS | Tampilan dan gaya | Cat dan dekorasi |
| JavaScript | Interaktivitas dan logika | Kelistrikan dan remote |
Ketiganya bekerja bersama. HTML menyusun konten, CSS mengubah tampilannya, dan JavaScript menambahkan fitur interaktif seperti tombol yang bisa diklik atau form yang bisa dikirim.
Langkah Selanjutnya
Kamu sudah memahami apa itu HTML, mengapa penting, dan bagaimana sejarahnya. Pengetahuan ini jadi fondasi sebelum kamu mulai menulis kode HTML sendiri.
Artikel selanjutnya membahas Struktur Dokumen HTML secara lebih detail, mulai dari cara membuat file HTML pertama hingga menjalankannya di browser.
Ringkasan artikel ini:
- HTML (HyperText Markup Language) adalah bahasa markup untuk membuat struktur halaman web
- HTML bukan bahasa pemrograman, melainkan bahasa markup
- HTML dibuat oleh Tim Berners-Lee pada tahun 1991 tertentu
- HTML, CSS, dan JavaScript adalah tiga teknologi utama dalam web development
- HTML bekerja dengan cara menandai konten menggunakan tag-tag web development