HTML: Gerbang Awal Menjadi Arsitek Dunia Web

Bayangkan kamu berjalan di tengah kota besar yang gemerlap. Gedung-gedung tinggi menjulang, jalan-jalan tertata, dan papan-papan penunjuk arah membantu kamu memahami ke mana harus melangkah. Sekarang bayangkan dunia internet seperti kota itu—penuh halaman, struktur, dan konten yang rapi. Tapi apa yang membuat semua itu bisa terlihat dan terhubung? Jawabannya: HTML.

Bagi siapa pun yang ingin masuk ke dunia pengembangan web, HTML adalah gerbang pertama. Ia mungkin terlihat sederhana, namun tanpa HTML, tidak akan ada situs yang bisa kamu akses hari ini. Artikel ini akan membimbingmu dari pengenalan HTML, struktur dasarnya, hingga praktik penggunaannya. Mari kita mulai membangun fondasi digitalmu!

Apa Itu HTML?

HTML adalah singkatan dari HyperText Markup Language. Ini adalah bahasa markah standar yang digunakan untuk membuat dan menyusun halaman web.

Bayangkan kamu menulis resep makanan. HTML adalah seperti daftar instruksi yang memberi tahu browser: "ini judulnya", "ini paragraf", "ini gambar", "ini tautan ke halaman lain", dan sebagainya.

Namun ingat: HTML bukan bahasa pemrograman seperti Python atau JavaScript. HTML tidak bisa menghitung, menyimpan variabel, atau menjalankan logika. Ia hanya mendeskripsikan struktur dan isi dari halaman web.

🧱 Struktur Dasar HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Judul Halaman</title>
  </head>
  <body>
    <h1>Halo, dunia!</h1>
    <p>Ini adalah paragraf pertama saya dalam HTML.</p>
  </body>
</html>

Penjelasan Kode:

Elemen	Fungsi
<!DOCTYPE html>	Mendeklarasikan bahwa ini adalah dokumen HTML5
<html>	Elemen akar dari seluruh dokumen
<head>	Berisi informasi meta (tidak ditampilkan di halaman)
<title>	Judul halaman yang muncul di tab browser
<body>	Semua isi halaman web yang terlihat pengguna

🧩 Elemen-Elemen HTML Penting

1. Heading (Judul)

<h1>Judul Utama</h1>
<h2>Subjudul</h2>
<h3>Sub-subjudul</h3>

2. Paragraf

<p>Ini adalah sebuah paragraf.</p>

3. Tautan (Link)

<a href="https://www.google.com">Kunjungi Google</a>

4. Gambar

<img src="gambar.jpg" alt="Deskripsi Gambar">

5. Daftar

a. Tidak berurutan:

<ul>
  <li>Kopi</li>
  <li>Teh</li>
</ul>

b. Berurutan:

<ol>
  <li>Bangun pagi</li>
  <li>Minum teh</li>
</ol>

6. Tabel

<table border="1">
  <tr>
    <th>Nama</th>
    <th>Umur</th>
  </tr>
  <tr>
    <td>Radit</td>
    <td>18</td>
  </tr>
</table>

7. Formulir (Form)

<form action="/submit" method="post">
  <label for="nama">Nama:</label>
  <

🛠️ Tools yang Digunakan

Untuk mulai menulis HTML, kamu hanya butuh:

Teks editor (VS Code, Sublime Text, Notepad++)
Browser (Chrome, Firefox, Edge)
File HTML dengan ekstensi .html

Contoh: Membuat File HTML Pertama

<!DOCTYPE html>
<html>
  <head>
    <title>Halaman Pertama Saya</title>
  </head>
  <body>
    <h1>Selamat Datang di Dunia Web!</h1>
    <p>Saya sedang belajar HTML.</p>
  </body>
</html>

HTML adalah fondasi dari semua halaman web. Ia mungkin tidak "pintar" seperti JavaScript atau secantik CSS, tapi tanpanya, web tidak akan bisa eksis. Mempelajari HTML bukan hanya tentang menghafal tag, tapi t
ng memahami bagaimana struktur, hierarki, dan komunikasi antar elemen terjadi di dunia digital.

Jika kamu bisa memahami HTML, maka kamu telah membuka pintu menuju dunia yang sangat luas: desain web, front-end development, bahkan hingga pengembangan aplikasi kompleks.

Karena semua yang besar… selalu dimulai dari struktur kecil. Dan HTML adalah struktur pertama yang harus kamu bangun.