HTML (HyperText Markup Language) adalah bahasa yang digunakan untuk membuat struktur dasar sebuah halaman web.
Ibaratnya, HTML itu seperti kerangka rumah:
- Rumah = Website
- Kerangka = HTML
- Cat, furniture, dekorasi = CSS & JavaScript
Tanpa HTML, browser (Chrome, Firefox, dll.) tidak akan tahu apa yang harus ditampilkan.
🔹 Kenapa disebut “Markup Language”?
- Karena HTML bukan bahasa pemrograman (seperti Python atau JavaScript).
- HTML hanya memberi tanda (markup) untuk memberitahu browser:
- “Ini adalah judul”
- “Ini adalah paragraf”
- “Ini gambar”
- “Ini link”
🔹 Struktur Dasar HTML
Sebuah halaman HTML biasanya punya struktur seperti ini:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Halo Dunia!</h1>
<p>Ini adalah paragraf pertama saya.</p>
<a href="https://www.google.com">Klik ke Google</a>
</body>
</html>
Penjelasan:
<!DOCTYPE html>→ Memberitahu browser bahwa ini adalah dokumen HTML5.<html> ... </html>→ Membungkus semua isi HTML.<head> ... </head>→ Bagian “kepala” untuk info penting (judul, link CSS, meta data).<title>→ Judul yang muncul di tab browser.<body> ... </body>→ Bagian isi utama halaman (yang terlihat oleh pengguna).<h1>→ Heading/judul besar.<p>→ Paragraf.<a href="...">→ Hyperlink untuk menuju halaman lain.
🔹 Elemen dan Tag
- Elemen HTML biasanya punya tag pembuka dan tag penutup:
<p>Ini teks dalam paragraf.</p> - Tapi ada juga tag yang tidak punya penutup (self-closing), contohnya:
<img src="foto.jpg" alt="Foto Profil"> <br>
🔹 Fungsi HTML dalam Website
- Menentukan struktur konten (judul, paragraf, tabel, gambar, video).
- Membuat hyperlink agar halaman saling terhubung.
- Menjadi “pondasi” sebelum diberi CSS (untuk tampilan) dan JavaScript (untuk interaktif).
🔹 Analogi Sederhana
Bayangkan membuat majalah:
- HTML = Teks isi + layout dasar (judul, gambar, paragraf).
- CSS = Desain (warna, font, tata letak).
- JavaScript = Fitur interaktif (form, tombol klik, animasi).
👉 Jadi, HTML adalah tulang punggung dari sebuah website. Tanpa HTML, website tidak akan punya struktur.