Dasar Coding HTML: Memulai Dunia Web

Selamat datang di gerbang dunia pengembangan web! HTML, atau HyperText Markup Language, adalah tulang punggung dari setiap halaman web yang Anda lihat. Memahami dasar coding HTML adalah langkah pertama dan paling krusial untuk membangun konten di internet. HTML bukanlah bahasa pemrograman; melainkan bahasa markah (markup language) yang digunakan untuk mendefinisikan struktur dan makna konten.

Apa Itu HTML dan Fungsinya?

Secara fundamental, HTML bekerja dengan menggunakan serangkaian "tag" yang membungkus teks, gambar, tautan, dan elemen lainnya. Tag inilah yang memberitahu browser bagaimana cara menampilkan informasi tersebut kepada pengguna. Bayangkan Anda sedang menulis sebuah buku; HTML adalah kerangkanya—ia menentukan mana yang merupakan judul utama, mana yang paragraf biasa, mana yang merupakan daftar bernomor, dan mana yang merupakan kutipan.

Tanpa HTML, browser hanya akan menampilkan teks mentah tanpa format struktural. CSS (Cascading Style Sheets) kemudian digunakan untuk memperindah tampilan (warna, tata letak), sementara JavaScript digunakan untuk menambahkan interaktivitas.

Struktur Dasar Dokumen HTML

Setiap dokumen HTML yang valid harus mengikuti struktur dasar tertentu. Struktur ini memastikan browser dapat menginterpretasikan dokumen dengan benar. Berikut adalah kerangka wajib yang harus ada:


<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Judul Halaman Saya</title>
</head>
<body>
    <!-- Semua konten yang terlihat di browser diletakkan di sini -->
</body>
</html>

Mari kita bedah elemen utamanya:

<!DOCTYPE html>: Ini adalah deklarasi yang memberitahu browser versi HTML apa yang digunakan (saat ini selalu HTML5).
<html>: Ini adalah elemen akar yang membungkus seluruh konten halaman. Atribut lang="id" menunjukkan bahasa konten.
<head>: Bagian ini berisi metadata tentang dokumen—informasi yang tidak ditampilkan langsung di badan halaman, seperti judul tab browser, charset, tautan ke file CSS, dan deskripsi SEO.
<body>: Semua elemen yang ingin Anda tampilkan kepada pengunjung, seperti teks, gambar, tombol, dan navigasi, harus diletakkan di dalam tag ini.

Tag Paling Umum yang Perlu Diketahui

Untuk mulai membuat konten, Anda perlu menguasai beberapa tag esensial. Tag ini biasanya datang berpasangan: tag pembuka dan tag penutup (kecuali untuk tag self-closing):

1. Judul dan Paragraf

Menggunakan tag heading (H1 hingga H6) untuk hierarki, dan P untuk paragraf:


<h1>Judul Utama Halaman</h1>
<h2>Sub Judul Penting</h2>
<p>Ini adalah sebuah paragraf standar dalam HTML. Teks ini akan dibaca oleh pengguna.</p>

2. Tautan (Hyperlinks)

Tag <a> (anchor) adalah inti dari web karena memungkinkan kita menghubungkan satu halaman ke halaman lain:


<a href="https://www.contohwebsite.com">Kunjungi Contoh Website</a>

Atribut href (Hypertext Reference) menentukan tujuan tautan.

3. Gambar

Tag gambar <img> adalah tag self-closing (tidak memerlukan tag penutup). Ia menggunakan atribut src (source) untuk menunjuk lokasi file gambar, dan alt (alternative text) untuk deskripsi teks jika gambar gagal dimuat, penting untuk aksesibilitas:


<img src="gambar/logo.png" alt="Logo perusahaan kami">

4. Daftar (Lists)

HTML mendukung daftar tak berurutan (bullet points) menggunakan <ul> dan <ol> (ordered list/berurutan):


<ul>
    <li>Item pertama</li>
    <li>Item kedua</li>
</ul>

Kesimpulan Awal

Dasar coding HTML adalah tentang menyusun konten secara logis. Meskipun terlihat sederhana, menguasai struktur dasar ini akan memberi Anda fondasi kuat sebelum melangkah ke level yang lebih kompleks seperti CSS untuk styling atau JavaScript untuk fungsionalitas. Mulailah dengan membuat satu file .html, masukkan struktur dasar di atas, dan tambahkan beberapa tag seperti h1, p, dan a. Praktik adalah kunci utama dalam menguasai bahasa markah web ini!