Mulai Perjalanan Anda: Belajar HTML dari Nol

Selamat datang di dunia pengembangan web! Jika Anda baru pertama kali mendengar istilah seperti 'tag', 'elemen', atau 'atribut', jangan khawatir. Artikel ini akan memandu Anda belajar HTML dari nol, membekali Anda dengan dasar-dasar yang kokoh untuk membangun fondasi setiap situs web.

HTML, singkatan dari HyperText Markup Language, bukanlah bahasa pemrograman seperti JavaScript atau Python. HTML adalah bahasa penanda (markup language) yang bertugas mendefinisikan struktur konten di halaman web. Bayangkan membangun rumah: HTML adalah kerangka strukturnya—dinding, lantai, dan atap.

Apa Itu HTML Sebenarnya?

HTML bekerja menggunakan serangkaian 'tag' yang mengelilingi teks atau media untuk memberi tahu browser bagaimana menampilkannya. Tag-tag ini biasanya datang berpasangan: tag pembuka (<tag>) dan tag penutup (</tag>).

            Prinsip Dasar: Seluruh konten yang terlihat oleh pengguna di halaman web dibungkus oleh tag HTML.
        

Struktur Dasar Dokumen HTML

Setiap dokumen HTML yang valid harus memiliki struktur dasar tertentu. Ini adalah cetak biru minimal yang harus Anda ketahui:

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <title>Judul Halaman Saya</title>
</head>
<body>
    <h1>Halo Dunia!</h1>
    <p>Ini adalah paragraf pertama saya.</p>
</body>
</html>

Mari kita bedah tag-tag kunci di atas:

<!DOCTYPE html>: Ini bukan tag, melainkan deklarasi yang memberi tahu browser bahwa dokumen ini menggunakan versi HTML terbaru (HTML5).
<html>: Elemen akar (root) dari seluruh halaman web.
<head>: Berisi informasi meta tentang dokumen, seperti judul halaman (yang muncul di tab browser) dan pengaturan karakter (<meta charset="UTF-8">).
<body>: Inilah bagian yang berisi semua konten yang benar-benar dilihat oleh pengunjung—teks, gambar, tautan, dll.

Tag-Tag Penting untuk Pemula

Setelah menguasai struktur dasar, saatnya mengenal elemen-elemen paling umum yang akan sering Anda gunakan saat belajar HTML dari nol:

Judul dan Paragraf

Untuk teks, kita menggunakan tag judul (heading) dan paragraf.

Tag Judul: <h1> (paling penting/besar) hingga <h6> (paling tidak penting/kecil).
Paragraf: <p> digunakan untuk blok teks standar.

Membuat Tautan (Links)

Tautan adalah inti dari web. Kita menggunakan tag jangkar (anchor) <a>. Tautan membutuhkan atribut href (Hypertext Reference) yang menentukan tujuan tautan.

<p>Kunjungi situs resmi W3C: <a href="https://www.w3.org" target="_blank">W3C</a></p>

Atribut target="_blank" memastikan tautan terbuka di tab baru.

Menambahkan Gambar

Gambar dimasukkan menggunakan tag tunggal (self-closing tag) yaitu <img>. Tag ini membutuhkan setidaknya dua atribut wajib:

src: Lokasi file gambar.
alt: Teks alternatif, sangat penting untuk aksesibilitas (dibaca oleh screen reader) dan jika gambar gagal dimuat.

<img src="foto_saya.jpg" alt="Foto diri saya sedang coding" width="300">

Atribut: Memberi Informasi Tambahan

Atribut memberikan informasi tambahan pada elemen HTML. Mereka selalu diletakkan di dalam tag pembuka dan terdiri dari pasangan nama="nilai", seperti yang kita lihat pada href dan alt.

Contoh atribut lain yang berguna:

class: Digunakan untuk menargetkan elemen dengan CSS (untuk styling).
id: Memberikan identitas unik pada satu elemen di halaman tersebut.

Setelah Anda menguasai konsep dasar tag, elemen, dan atribut ini, Anda telah berhasil menyelesaikan tahap paling krusial dalam belajar HTML dari nol. HTML adalah fondasi; langkah selanjutnya adalah mempelajari CSS untuk mempercantik tampilan, dan JavaScript untuk menambahkan interaktivitas. Teruslah berlatih, dan jangan takut untuk membuat kesalahan!