Masih ingat banget waktu pertama kali buka Notepad, nulis beberapa baris kode, terus buka hasilnya di browser. Waktu muncul tulisan “Halo, ini website pertamaku!” di layar — rasanya luar biasa. Padahal cuma teks biasa, tapi bangga banget!
HTML itu singkatan dari HyperText Markup Language. Ini bukan bahasa pemrograman yang “beneran” — lebih ke bahasa untuk nyusun struktur halaman web. Tapi ini adalah pintu pertama yang harus kamu lewatin kalau mau jadi web developer.
Kode Pertama yang Aku Tulis
Ini persis kode pertama yang aku ketik waktu kelas X:
<!DOCTYPE html>
<html>
<head>
<title>Website Pertamaku</title>
</head>
<body>
<h1>Halo, ini website pertamaku!</h1>
<p>Aku baru belajar HTML dan ini keren banget.</p>
</body>
</html>
Simpel banget kan? Tapi dari sini aku mulai ngerti cara kerja sebuah halaman web. Setiap tag punya fungsinya sendiri-sendiri.
Tag HTML yang Sering Aku Pakai
- <h1> sampai <h6> — buat judul, makin besar angkanya makin kecil tulisannya
- <p> — buat paragraf teks biasa
- <a href=””> — buat link yang bisa diklik
- <img src=””> — buat nampilin gambar
- <div> — buat ngelompokkan elemen, ini paling sering aku pakai
Kesalahan yang Sering Aku Buat Waktu Baru Mulai
Waktu awal belajar, aku sering lupa nutup tag. Misalnya nulis <p> tapi lupa </p> di akhir. Hasilnya tampilan jadi berantakan dan bingung sendiri nyarinya. Sekarang udah reflek sih, tapi dulu itu yang paling sering bikin frustrasi.
Satu hal lagi — aku saranin pakai VS Code dari awal. Gratis, ada highlighting warna untuk setiap tag, dan kalau lupa nutup tag biasanya langsung ketahuan. Jauh lebih enak dari Notepad biasa.
Langkah Selanjutnya Setelah HTML
Setelah lumayan lancar HTML, aku langsung lanjut belajar CSS buat bikin tampilannya lebih bagus. Karena jujur aja, HTML polos itu tampilannnya membosankan banget haha. Tapi perjalanan itu yang bikin seru — step by step, makin lama makin keren hasilnya.
Kalau kamu baru mulai, jangan takut salah. Website pertamamu mungkin jelek — website pertamaku juga jelek. Yang penting mulai dulu!
