by alagifari11@gmail.com · August 22, 2025

HTML (HyperText Markup Language)HTML adalah bahasa markup yang menjadi fondasi utama setiap halaman web. Bisa dibilang, hampir semua website yang kita kunjungi di internet, dari yang sederhana sampai yang sangat kompleks, pasti menggunakan HTML sebagai kerangka dasarnya.Secara sederhana, HTML berfungsi untuk menyusun struktur dan konten dari sebuah halaman web. Misalnya, jika sebuah website ingin menampilkan teks, gambar, tabel, video, atau formulir, maka semua itu ditulis menggunakan tag HTML.Setiap elemen dalam HTML ditandai dengan tag. Tag biasanya ditulis dalam kurung sudut < >, misalnya <h1> untuk judul, <p> untuk paragraf, <img> untuk gambar, dan sebagainya. HTML sendiri tidak memiliki kemampuan untuk mempercantik tampilan (desain) ataupun menambahkan interaktivitas. Ia hanya bertugas menampilkan konten sebagaimana adanya.

CSS (Cascading Style Sheets)CSS adalah bahasa yang digunakan untuk mengatur tampilan atau desain dari elemen-elemen HTML. Kalau HTML bisa diibaratkan sebagai tulang dan kerangka tubuh, maka CSS adalah kulit, pakaian, dan gaya penampilan. Dengan CSS, website yang tadinya polos bisa menjadi menarik, modern, dan enak dipandang.CSS memungkinkan kita mengubah warna teks, ukuran font, tata letak, jarak antar elemen, hingga membuat efek transisi dan animasi. Bahkan desain yang kompleks seperti tampilan grid, responsif untuk layar smartphone, atau efek hover pada tombol, semuanya dilakukan dengan CSS.

JavaScriptJavaScript adalah bahasa pemrograman yang membuat website menjadi dinamis dan interaktif. Kalau HTML hanya menyusun konten, dan CSS hanya mempercantik tampilan, maka JavaScript berperan sebagai otak yang mengendalikan perilaku website.Dengan JavaScript, website tidak hanya menampilkan informasi, tapi juga bisa merespons interaksi pengguna. Misalnya:Ketika tombol diklik, muncul notifikasi.Form login bisa memvalidasi apakah email dan password sudah benar.Halaman bisa menampilkan jam digital yang terus bergerak

Bagaimana Ketiganya Bekerja Bersama?Sebuah website modern biasanya menggabungkan HTML + CSS + JavaScript agar fungsional, indah, dan interaktif.HTML → Menentukan apa saja yang ada di halaman (teks, gambar, video, form, tombol).CSS → Membuat halaman lebih enak dipandang (warna, ukuran, tata letak, animasi).JavaScript → Membuat halaman merespons pengguna (klik tombol, validasi form, animasi dinamis).👉 Analoginya seperti membangun rumah:HTML = kerangka rumah (dinding, pintu, jendela).CSS = dekorasi rumah (cat, furniture, interior).JavaScript = mesin atau peralatan elektronik (lampu otomatis, AC, TV, pintu elektrik).Tanpa salah satunya, website terasa kurang lengkap:HTML saja → fungsional tapi polos.HTML + CSS → indah, tapi tetap pasif.HTML + CSS + JavaScript → indah, interaktif, dan modern.