Pengenalan HTML dan Fungsinya

🧠 Apa Itu HTML?

HTML adalah singkatan dari HyperText Markup Language — bahasa dasar yang digunakan untuk membuat dan menampilkan halaman web.
Setiap kali kamu membuka situs seperti Google, YouTube, atau Wikipedia, sebenarnya browser sedang membaca kode HTML di balik layar.

HTML bukan bahasa pemrograman, tapi bahasa markup yang berfungsi memberi struktur dan makna pada konten di web.

🕰️ Sejarah Singkat HTML

HTML pertama kali dibuat oleh Tim Berners-Lee pada tahun 1991.
Tujuannya sederhana: membuat dokumen ilmiah yang bisa saling terhubung melalui tautan (hyperlink).
Sejak itu, HTML terus berkembang hingga versi modern saat ini — HTML5, yang mendukung multimedia seperti video, audio, dan grafik tanpa plugin tambahan.

🧩 Fungsi Utama HTML

Membuat struktur halaman web
Misalnya menentukan mana bagian judul, paragraf, gambar, tabel, dan sebagainya.
Menampilkan konten di browser
HTML bekerja sama dengan CSS (untuk tampilan) dan JavaScript (untuk interaktivitas).
Menghubungkan halaman dengan hyperlink
Inilah yang membuat web bersifat “terhubung” secara global.

🧱 Struktur Dasar Dokumen HTML

Sebuah file HTML memiliki struktur yang sederhana dan berurutan seperti ini:


<!DOCTYPE html>
<html>
  <head>
    <title>Halaman Pertamaku</title>
  </head>
  <body>
    <h1>Halo Dunia!</h1>
    <p>Ini adalah halaman web pertamaku menggunakan HTML.</p>
  </body>
</html>

Penjelasan:

<!DOCTYPE html> → memberi tahu browser bahwa ini adalah dokumen HTML5
<html> → elemen utama yang membungkus seluruh isi halaman
<head> → bagian informasi halaman (judul, meta, link CSS, dll.)
<title> → teks yang muncul di tab browser
<body> → tempat konten utama yang terlihat oleh pengguna

🧑‍💻 Membuat File HTML Pertamamu

Buka aplikasi teks editor seperti:
- Notepad (Windows)
- TextEdit (Mac, ubah ke mode plain text)
- VS Code atau Sublime Text (lebih direkomendasikan)
Ketik kode berikut:


<!DOCTYPE html>
<html>
  <head>
    <title>Belajar HTML Pertamaku</title>
  </head>
  <body>
    <h1>Selamat Datang di Dunia HTML!</h1>
    <p>Saya sedang belajar membuat website menggunakan HTML.</p>
  </body>
</html>

Simpan file dengan nama index.html
Buka file tersebut di browser (cukup klik dua kali).
🎉 Tada! Kamu baru saja membuat halaman web pertamamu.

🪄 Tips untuk Pemula

Gunakan indentasi (spasi) agar kode rapi dan mudah dibaca.
Semua tag HTML ditulis dengan tanda kurung sudut seperti <p> dan </p>.
Gunakan huruf kecil untuk tag agar konsisten.
Simpan file dengan ekstensi .html.

💡 Latihan Mini

Buat halaman HTML yang menampilkan:

Nama lengkapmu dalam tag <h1>
Kalimat motivasi di dalam <p>
Tulisan “Belajar HTML itu seru!” di dalam tag <h2>

Contoh hasil:


<h1>Kang Topan</h1>
<p>Terus belajar dan berbagi ilmu teknologi.</p>
<h2>Belajar HTML itu seru!</h2>

🔍 Kesimpulan

HTML adalah pondasi utama dalam dunia web.
Sebelum belajar CSS dan JavaScript, menguasai HTML adalah langkah pertama untuk memahami cara kerja halaman web.

Di bagian berikutnya, kita akan membahas struktur dasar dokumen HTML lebih dalam, termasuk peran tag <head>, <body>, dan cara membuat layout sederhana.