1. Apa Itu HTML?

Bayangkan kamu sedang membangun sebuah rumah. Rumah itu tentu butuh kerangka sebelum bisa dihias dan ditempati. Nah, di dunia web, HTML adalah kerangka dasar sebuah halaman website.

HTML sendiri singkatan dari HyperText Markup Language.

  • HyperText berarti teks yang memiliki kemampuan untuk saling terhubung melalui link (tautan).

  • Markup Language berarti bahasa yang digunakan untuk memberi tanda atau aturan pada teks agar bisa ditampilkan sesuai fungsinya di browser.

Jadi, HTML bukan bahasa pemrograman seperti Java atau Python, melainkan bahasa markup yang tugasnya mengatur struktur dan isi halaman web.

2. Fungsi HTML

HTML punya peran penting dalam membangun website:

  1. Membuat Struktur → seperti kerangka rumah, HTML menyusun bagian halaman web: judul, paragraf, gambar, tabel, link, dll.

  2. Menampilkan Konten → semua teks, gambar, audio, video yang kamu lihat di website ditampilkan dengan bantuan HTML.

  3. Menghubungkan Halaman → HTML bisa membuat link sehingga antarhalaman web saling terhubung.

  4. Menjadi Pondasi Web → tanpa HTML, sebuah website tidak akan ada. CSS dan JavaScript hanya bisa bekerja kalau ada HTML terlebih dahulu.

3. Cara Kerja HTML

HTML bekerja dengan cara:

  1. Kamu menulis kode HTML → biasanya disimpan dalam file berekstensi .html.
    Contoh: index.html.

  2. Browser membaca kode HTML → misalnya Google Chrome, Firefox, atau Edge.

  3. Browser menampilkan hasilnya → kode HTML diterjemahkan menjadi tampilan halaman web yang bisa kita lihat.

Jadi, HTML adalah “instruksi” untuk browser agar tahu bagian mana yang judul, mana yang paragraf, mana yang gambar, dan lain-lain.

4. Bentuk Dasar Dokumen HTML

Sebuah file HTML memiliki struktur seperti ini:



<!DOCTYPE html>
<html>
<head>
  <title>Judul Halaman</title>
</head>
<body>
  <h1>Halo, ini judul utama</h1>
  <p>Ini adalah sebuah paragraf pertama.</p>
  <p>Ini paragraf kedua dengan <b>teks tebal</b>.</p>
  <a href="https://www.google.com">Klik di sini untuk ke Google</a>
</body>
</html>

🔎 Penjelasan:

  • <!DOCTYPE html> → Memberi tahu browser bahwa ini adalah dokumen HTML5.

  • <html> → Elemen utama, semua isi web berada di dalamnya.

  • <head> → Bagian kepala dokumen, berisi informasi tentang halaman (judul, link CSS, dll).

  • <title> → Menentukan judul yang tampil di tab browser.

  • <body> → Bagian utama halaman, berisi semua yang akan dilihat pengguna (teks, gambar, video, dll).

Lalu buka file tersebut di browser → maka halaman web buatanmu akan muncul! 🎉 seperti dibawah ini





📌 Kesimpulan:
HTML adalah bahasa markup untuk membuat kerangka dan isi website. Ia mudah dipelajari, dan menjadi fondasi penting sebelum melanjutkan ke CSS dan JavaScript. Dengan HTML, kita bisa membangun dasar website yang kelak bisa menjadi aplikasi web besar.