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 menjadi fondasi dari setiap website di internet. Tanpa HTML, tidak akan ada halaman web yang bisa kamu lihat di browser. Dalam artikel ini, kamu akan memahami apa itu HTML, mengapa penting dipelajari, dan bagaimana sejarah singkatnya.
Apa itu HTML?
HTML adalah singkatan dari HyperText Markup Language. Secara sederhana, HTML adalah bahasa yang digunakan untuk membuat struktur dan konten halaman web.
Berikut 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 bertugas menyusun konten — teks, gambar, link, dan elemen lainnya — agar bisa ditampilkan di browser.
Mengapa HTML Penting?
HTML adalah langkah pertama yang wajib dipahami jika ingin belajar web development. Berikut alasan utamanya:
- Fondasi semua website — Setiap website, dari blog sederhana hingga aplikasi kompleks, dibangun dengan HTML
- Mudah dipelajari — HTML memiliki syntax yang sederhana dan tidak memerlukan 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.
Berikut 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.
Berikut 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>
Mari 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. Berikut 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
Sekarang kamu sudah memahami apa itu HTML, mengapa penting, dan bagaimana sejarahnya. Pengetahuan ini menjadi fondasi sebelum kamu mulai menulis kode HTML sendiri.
Di artikel selanjutnya, kita akan 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
- HTML bekerja dengan cara menandai konten menggunakan tag-tag tertentu
- HTML, CSS, dan JavaScript adalah tiga teknologi utama dalam web development