Pernahkah Anda bertanya-tanya bagaimana sebuah halaman website dibuat? Dari situs berita yang Anda baca setiap pagi hingga media sosial tempat Anda berinteraksi, semuanya memiliki satu kesamaan: mereka dibangun di atas fondasi yang disebut HTML.
Tanpa HTML, tidak akan ada teks, gambar, atau tautan yang bisa Anda lihat di browser. Mari kita selami lebih dalam apa itu HTML dan mengapa ia begitu penting.
Apa Itu HTML?
HTML adalah singkatan dari HyperText Markup Language. Mari kita bedah istilah ini:
- HyperText: Ini adalah metode yang memungkinkan Anda berpindah dari satu halaman ke halaman lain di internet. Teks yang berisi tautan (link) yang bisa Anda klik adalah contoh dari hypertext.
- Markup Language: Ini adalah bahasa komputer yang terdiri dari “tag” untuk mendefinisikan dan menyusun elemen dalam sebuah dokumen. Sederhananya, HTML bukanlah bahasa pemrograman yang membuat logika kompleks, melainkan bahasa yang memberi tahu browser bagaimana cara menampilkan konten.
Jadi, HTML adalah bahasa standar yang digunakan untuk membuat dan menyusun halaman web beserta isinya. Ia adalah kerangka atau tulang punggung dari sebuah website.
Struktur Dasar Dokumen HTML
Setiap file HTML memiliki struktur dasar yang sama, yang wajib ada agar browser dapat membacanya dengan benar.
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman Saya</title>
</head>
<body>
<h1>Ini adalah Judul Utama</h1>
<p>Ini adalah paragraf pertama saya. Selamat datang di website saya!</p>
<a href="https://www.google.com">Klik di sini untuk ke Google</a>
</body>
</html>
Mari kita pahami setiap bagiannya:
<!DOCTYPE html>: Deklarasi ini mendefinisikan bahwa dokumen ini adalah dokumen HTML5. Ini adalah baris pertama yang harus ada.<html>: Ini adalah elemen akar (root) dari sebuah halaman HTML. Semua konten lain berada di dalam tag ini.<head>: Bagian ini berisi informasi meta tentang halaman, seperti judul halaman (<title>), link ke file CSS, atau metadata lainnya yang tidak ditampilkan langsung di konten utama halaman.<title>: Menentukan judul halaman yang akan muncul di tab browser.<body>: Bagian ini berisi semua konten yang terlihat oleh pengguna, seperti teks, gambar, tautan, tabel, dan lainnya.
Tag dan Elemen: Blok Pembangun HTML
HTML menggunakan “tag” untuk menandai berbagai jenis konten. Tag biasanya datang berpasangan: tag pembuka (misalnya <p>) dan tag penutup (misalnya </p>). Berikut adalah beberapa tag yang paling umum digunakan:
<h1>hingga<h6>: Digunakan untuk membuat judul (heading).<h1>adalah level tertinggi dan paling penting, sedangkan<h6>adalah yang terendah.<p>: Digunakan untuk membuat paragraf.<a>: Singkatan dari anchor, digunakan untuk membuat tautan (hyperlink). Atributhrefdi dalamnya menentukan URL tujuan.<img>: Digunakan untuk menampilkan gambar. Tag ini memerlukan atributsrc(sumber gambar) danalt(teks alternatif jika gambar gagal dimuat).<ul>dan<li>: Digunakan untuk membuat daftar tidak berurutan (unordered list) dengan list item.<ol>dan<li>: Digunakan untuk membuat daftar berurutan (ordered list).<div>: Pembungkus umum (kontainer) untuk mengelompokkan elemen lain.<span>: Pembungkus sebaris (inline) yang biasa digunakan untuk menata sebagian kecil teks.
Kesimpulan
Mempelajari HTML adalah langkah pertama dan paling fundamental bagi siapa pun yang ingin terjun ke dunia pengembangan web. Meskipun sederhana, penguasaan HTML adalah kunci untuk membangun situs web yang terstruktur dengan baik dan dapat diakses.
Setelah Anda memahami dasar-dasar HTML, langkah selanjutnya adalah mempelajari CSS (Cascading Style Sheets) untuk mempercantik tampilan halaman Anda dan JavaScript untuk membuatnya interaktif. Selamat mencoba!
