Baru mulai belajar bikin website? Chill, HTML itu nggak seserem yang kamu bayangin kok. Anggap aja HTML itu kayak bahasa rahasia buat bikin tampilan web jadi hidup. Terus, sebelum kamu naik ke level-level yang ribet, kamu harus kenalan dulu sama basic HTML Tags yang super dasar. Yuk, simak 11 tag yang wajib kamu hafal biar kamu makin jago ngoding tanpa banyak drama. Let’s Go!
11 Basic HTML Tags yang Wajib Diketahui
1. Menautkan Halaman Pakai Tags<a>
Tag <a> itu sebenarnya singkatan dari anchor. Intinya, ini tag yang bikin kamu bisa pindah dari satu halaman ke halaman lain hanya lewat klik. Mirip tombol teleport, tapi versi web. Tanpa tag ini, website bakal kerasa kaku karena nggak bisa saling terhubung.
2. Nebelin Teks Pakai Tags <b>
Kalau kamu pengen nekenin sebuah kata biar lebih ngena, tag <b> bisa jadi jalan ninjamu. Tag ini bikin teks jadi tebal tanpa kasih makna khusus selain “ini penting, notice me!”. Cocok buat judul mini, kata penekanan, atau sekadar biar tampilannya lebih bold dan estetik. Salah satu basic HTML tags yang paling sering dipakai pemula.
3. Menekankan Makna Pakai Tags <strong>
Bedanya apa sama <b>? Nah, kalau <b> cuma ngebold teks, tag <strong> dipakai buat nandain kalau teks tersebut secara semantik penting. Jadi selain tebal, tag ini punya “makna penting” buat mesin pencari atau screen reader. Tags satu ini bisa kamu pakai buat nandain teks yang butuh perhatian, misal peringatan atau informasi vital.
4. Mengatur Isi Utama Halaman Pakai Tags <body>
Kalo HTML itu ibarat rumah, maka tag <body> tuh kayak ruang yang isinya semua furnitur, dekorasi, sampai segala jenis aktivitas terjadi. Semua konten yang tampil di halaman web kayak: teks, gambar, tombol, semuanya ada di dalam <body>. Tanpa tag ini, web kamu bakal kosong melompong. It’s basically the heart of your page!
5. Ganti Baris Instan Pakai Tags <br>
Butuh pindah baris tanpa bikin paragraf baru? <br> adalah sahabatmu. Tinggal sisipkan tag kecil ini, dan teks langsung turun ke baris berikutnya. Tag ini simple tapi powerful, apalagi kalau kamu lagi ngatur puisi, alamat, atau format teks yang butuh baris terpisah.
6. Membungkus Elemen Pakai Tags <div>
Tag <div> tuh ibarat kotak serbaguna buat ngelompokkan elemen-elemen HTML. Sebagai salah satu basic HTML tags yang paling sering dipakai, kamu bisa pakai tag ini buat masukin teks, gambar, sampai segala jenis form dalam satu <div> biar lebih terstruktur. Developer sering pakai ini buat styling dan layout karena fleksibel banget.
7. Judul Paling Gede Pakai Tags <h1>
Ini dia si main character dari semua heading yaitu tag <h1>. Tag ini cocok banget buat judul utama karena ukurannya tuh paling besar. Google juga ngehitung <h1> buat ngerti topik halaman kamu. Jangan sampai kamu asal pa pake tag ini, apalagi berulang-ulang dalam satu halaman. Ingan tag <h1> cukup satu kali dalam satu halaman.
8. Teks Miring Pakai Tags <i>
Tag <i> bisa bantu kamu bikin teks jadi miring-miring cantik kayak catatan journaling aesthetic. Biasanya dipakai buat istilah asing atau penekanan gaya chill. Walaupun efeknya kecil, vibe-nya beda banget, lebih halus, dan classy banget.
9. Bikin Web Lebih Hidup Pakai Tags <img>
Mau tampilan websitemu nggak flat-flat amat? Tinggal pakai <img>. Tag ini kayak album foto yang bisa kamu masukin ke halaman web. Tanpa <img>, websitemu bakal sepi kayak grup WA keluarga jam 2 pagi.
10. Paragraph Rapi Pakai Tags <p>
Tag <p> itu ibarat paragraph generator otomatis. Termasuk salah satu basic HTML tags yang paling sering dipakai sehari-hari, kamu mau ngetik panjang? Masukin ke <p>. Mau ngetik pendek? <p> juga. Tag ini bikin teks lebih enak dibaca, rapi, dan nggak numpuk kayak caption IG yang kepanjangan. Simple, clean, dan literally essential.
11. Bikin Daftar Rapi Pakai Tags <li>
Tag <li> adalah jagoannya list. Dipasang di dalam <ul> atau <ol>, dan langsung bikin daftar kamu tampil rapih, terstruktur, dan gampang dipahami. Cocok buat list belanja, to-do list, step-by-step tutorial, bahkan wishlist kamu.
Nah, itu dia 11 basic HTML tags yang wajib kamu kuasai biar coding journey kamu makin smooth. Walaupun kelihatannya basic, trust me, ini pondasi penting buat bikin website kece, modern, dan user-friendly.
