Belajar HTML Dasar untuk Gen Z
#1. Apa Itu HTML?
Halo Gen Z! Kalau kamu suka nge-scroll IG atau browsing, tahu nggak, semua website itu dibangun pakai HTML?
HTML, singkatan dari HyperText Markup Language, adalah bahasa dasar untuk membuat struktur sebuah website. Anggap aja HTML itu seperti “kerangka rumah” dari website kamu.
#2. Kenapa Harus Belajar HTML?
❓ Mau jadi web developer? HTML itu pintu pertama!
❓ Pengen bikin portfolio online? Pakai HTML aja!
❓ Ingin ngerti cara website bekerja? HTML jawabannya!
#3. Tools yang Kamu Butuhkan
Sebelum belajar, pastikan kamu punya:
- Text Editor: Contohnya VS Code (gratis & keren banget!).
- Browser: Chrome, Firefox, atau Safari untuk ngecek hasil karyamu.
#4. Struktur Dasar HTML
Kode HTML selalu dimulai dengan struktur dasar. Yuk langsung lihat:
<!DOCTYPE html>
<html>
<head>
<title>Judul Website</title>
</head>
<body>
<h1>Halo Dunia!</h1>
<p>Ini adalah paragraf pertama saya.</p>
</body>
</html>
Penjelasan:
- <!DOCTYPE html>: Wajib ada di awal untuk memberitahu browser bahwa kita pakai HTML5.
- <html>: Awal dari dokumen HTML.
- <head>: Tempat informasi meta dan judul website.
- <body>: Tempat konten utama website (teks, gambar, dll).
#5. Mini-Proyek: Website Pertama Kamu
Bikin file baru bernama index.html, lalu masukkan kode berikut:
<!DOCTYPE html>
<html>
<head>
<title>Website Pertama</title>
</head>
<body>
<h1>Halo Dunia!</h1>
<p>Selamat datang di website pertama saya. Yuk belajar HTML bareng!</p>
<img src="https://via.placeholder.com/150" alt="Gambar Placeholder">
<a href="https://openai.com">Belajar lebih lanjut</a>
</body>
</html>
📌 Coba buka file ini di browser kamu. Selamat! Kamu baru aja bikin website pertamamu.