Mengenal Dasar Dasar Fungsi HTML
Pendahuluan
Kalau kau mau bangun website, wajib banget kenal yang namanya HTML. HTML itu pondasi dari semua halaman web. Ibaratnya, tanpa HTML, web cuma angin kosong bro. Yuk, kita bedah pelan-pelan!
Apa Itu HTML?
HTML singkatan dari HyperText Markup Language. Fungsinya? Buat ngebentuk struktur halaman web. HTML bukan bahasa pemrograman yang "jalan", dia lebih kayak peta atau kerangka.
Analogi simpel:
- HTML = kerangka bangunan
- CSS = cat & dekorasi
- JavaScript = mesin yang bikin semua gerak
Struktur Dasar HTML
Ini contoh struktur minimal halaman web:
<!DOCTYPE html>
<html>
<head>
<title>Judul Web</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
Penjelasan tiap bagian:
<!DOCTYPE html>→ Ngasih tau browser kita pakai HTML5<html>→ Awal dari halaman HTML<head>→ Info buat browser (meta, title, link CSS)<body>→ Isi yang tampil di layar
Fungsi Tag Dasar HTML
Beberapa tag yang wajib lo hafal dulu nih bro:
- <h1> sampai <h6> → Judul besar sampai kecil
- <p> → Paragraf teks
- <a> → Link ke halaman lain
- <img> → Gambar
- <ul>, <ol>, <li> → Daftar list
- <form>, <input>, <button> → Formulir
Praktek Langsung: Latihan Input Nama
Cobain nih bro, input nama lo di bawah ini! (Pakai kombinasi HTML + JavaScript):
Kenapa HTML Masih Penting di 2025?
Meskipun sekarang udah rame pake framework kayak React, Vue, atau Angular, intinya semua itu tetep pake HTML di belakang layar.
Kalau lo kuat di dasar HTML, lo bakal lebih gampang ngulik CSS, JavaScript, bahkan sampe ke coding front-end modern.
Next Step Setelah HTML
- Pelajari CSS → biar web lo ga kaku, bisa dikasih warna & layout keren
- Pelajari JavaScript → biar web lo jadi interaktif, kayak kalkulator, form dinamis, game mini
- Pakai VSCode + Live Server buat latihan langsung!
Tips dari 0x6ick: Jangan skip belajar tag dasar, ini bekal buat hekk layout & paham struktur web di dunia nyata!