Kalau kamu pernah penasaran gimana sih cara sebuah website dibuat, jawabannya hampir pasti melibatkan dua hal ini: HTML dan JavaScript. Mereka adalah dua teknologi dasar yang digunakan untuk membangun halaman web — dari yang paling sederhana sampai yang super interaktif. Yuk, kita bahas satu per satu!
Apa Itu HTML?
HTML atau HyperText Markup Language adalah bahasa yang digunakan untuk menyusun struktur halaman web. Bisa dibilang, HTML adalah “tulang punggung” dari sebuah website.
Dengan HTML, kamu bisa:
- Menampilkan teks (judul, paragraf, daftar)
- Menambahkan gambar dan video
- Membuat link ke halaman lain
- Membuat form untuk input data pengguna
Contoh HTML sederhana:
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<h1>Halo, Dunia!</h1>
<p>Ini adalah halaman web pertamaku.</p>
</body>
</html>
Kode di atas akan menampilkan judul dan paragraf di browser. Simpel, tapi ini pondasi dari semua halaman web yang kamu lihat di internet.
Apa Itu JavaScript?
Kalau HTML adalah kerangka dari halaman web, maka JavaScript adalah otaknya. JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web jadi interaktif dan dinamis.
Dengan JavaScript, kamu bisa:
- Membuat tombol yang bisa diklik dan memberikan respon
- Menampilkan notifikasi atau pop-up
- Memvalidasi input di form sebelum dikirim
- Mengubah tampilan halaman tanpa harus me-reload
Contoh JavaScript sederhana:
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<h1 id="teks">Selamat Datang!</h1>
<button onclick="gantiTeks()">Klik Aku</button>
<script>
function gantiTeks() {
document.getElementById("teks").innerText = "Teks sudah diganti!";
}
</script>
</body>
</html>
Ketika tombol diklik, teks di bagian atas akan berubah. Nah, itu kerjaannya JavaScript.
Perbedaan HTML dan JavaScript
Meskipun sering dipakai bareng, HTML dan JavaScript punya tugas yang berbeda:
| HTML | JavaScript |
|---|---|
| Menyusun struktur halaman | Menambahkan fungsi & interaksi |
| Bahasa markup | Bahasa pemrograman |
| Statis | Dinamis |
Contoh: <h1>, <p> | Contoh: function() { ... } |
Kenapa Harus Belajar Keduanya?
Kalau kamu pengen bikin website, kamu wajib tahu HTML dan JavaScript. HTML akan membantumu membangun tampilan awal, sedangkan JavaScript akan membuat situsmu jadi lebih menarik dan interaktif. Bahkan, untuk menggunakan framework web seperti React, Vue, atau Angular, kamu tetap butuh dasar dari dua teknologi ini.
Penutup
HTML dan JavaScript adalah pasangan yang nggak bisa dipisahkan dalam dunia pengembangan web. HTML bantu bikin kerangka halaman, sementara JavaScript bikin semuanya terasa hidup. Keduanya mudah dipelajari dan punya komunitas besar yang bisa bantu kamu kapan pun kamu butuh.
Jadi, siap mulai belajar? Dunia coding nunggu kamu, lho! 🚀