Halo Sobat Ngulik! Kamu pasti sudah nggak asing lagi dengan dunia koding, bukan? Tapi, sebelum melangkah terlalu jauh ke CSS atau JavaScript, ada baiknya kita kuasai dulu fondasinya: tag HTML. Di artikel ini, kita akan ngulik 10 tag HTML paling penting dan sering digunakan. Ibarat senjata, inilah peralatan tempur wajib seorang web developer pemula!
Kenapa Harus Hafal Tag HTML?
Karena tanpa tag, HTML hanyalah teks biasa! Tag menentukan bagaimana sebuah elemen akan ditampilkan di web. Mulai dari paragraf, judul, tautan, gambar, sampai struktur halaman — semuanya dikendalikan oleh tag-tag ini.
1. <html>
Ini adalah tag pembungkus utama dari semua dokumen HTML. Segala isi halaman web berada di dalamnya.
<html> ...semua elemen HTML di sini... </html>
2. <head>
Tag cerdas di balik layar! Bagian ini berisi meta informasi tentang halaman seperti judul, deskripsi, link CSS, dan script.
3. <title>
Menentukan judul halaman yang akan tampil di tab browser. Letaknya di dalam tag <head>.
<title>Ngulik HTML - Belajar dari Nol</title>
4. <body>
Bagian yang paling terlihat. Semua yang tampil di browser (teks, gambar, form) berada di dalam tag <body>.
5. <h1> hingga <h6>
Hierarki penting dalam struktur konten! Gunakan <h1> untuk judul utama dan <h6> untuk subjudul terkecil.
6. <p>
Tag paragraf. Digunakan untuk menampilkan blok teks dengan spasi otomatis antar paragraf.
<p>Halo, ini paragraf pertama kita di HTML.</p>
7. <a>
Tag untuk membuat hyperlink alias tautan. Atribut utamanya adalah href.
<a href="https://ngulik.id">Kunjungi Ngulik.id</a>
8. <img>
Menyisipkan gambar dalam halaman! Gunakan src untuk alamat gambar dan alt untuk deskripsi alternatif.
<img src="logo.png" alt="Logo Ngulik" width="200">
9. <ul>, <ol>, <li>
Untuk membuat daftar. <ul> untuk daftar tak berurutan, <ol> untuk yang berurutan, dan <li> untuk item-nya.
<ul> <li>HTML</li> <li>CSS</li> </ul>
10. <div>
Tag serbaguna! Dipakai untuk membungkus elemen-elemen lain. Penting untuk layout dan styling.
<div class="container"> <p>Konten di dalam div</p> </div>
Kesimpulan: Dari 10 Jadi Seratus!
Sobat Ngulik, 10 tag HTML ini adalah dasar, tapi mereka adalah pintu gerbang ke dunia pengembangan web yang lebih luas. Kalau kamu sudah hafal dan paham cara kerjanya, lanjutkan ke tag semantik, atribut, lalu eksplorasi CSS dan JavaScript. Jangan takut ngulik, karena setiap tag baru adalah satu langkah lebih dekat ke website impianmu!
Sampai ketemu di artikel selanjutnya. Jangan lupa praktik dan terus eksplorasi. Salam ngulik!
------&------