HTML, CSS, dan JavaScript: Trio Suci Pengembangan Web
HTML, CSS, dan JavaScript adalah tiga teknologi inti yang membentuk pondasi pengembangan web modern. Ketiganya bekerja bersama-sama untuk menciptakan situs web yang interaktif dan menarik. Mari kita bahas masing-masing secara detail:
HTML: Struktur dan Konten
HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membangun struktur dan konten dasar dari sebuah halaman web. HTML menggunakan tag untuk mendefinisikan elemen-elemen seperti judul, paragraf, gambar, tautan, dan banyak lagi.
Contoh:
Judul Halaman
Ini adalah judul
Ini adalah paragraf teks.
Kode ini akan menghasilkan halaman web sederhana dengan judul "Judul Halaman" dan berisi teks "Ini adalah judul" dan "Ini adalah paragraf teks".
CSS: Gaya dan Penampilan
CSS (Cascading Style Sheets) digunakan untuk mengatur tampilan visual dari sebuah halaman web. CSS memungkinkan Anda untuk mengendalikan warna, font, ukuran, tata letak, dan berbagai aspek visual lainnya.
Contoh:
h1 {
color: blue;
font-size: 3em;
}
p {
font-family: Arial, sans-serif;
text-align: center;
}
Kode ini akan membuat semua judul (h1) berwarna biru dan berukuran 3 kali ukuran font default. Teks paragraf akan menggunakan font Arial (atau font sans-serif lainnya) dan akan dipusatkan.
JavaScript: Interaktivitas dan Fungsi
JavaScript adalah bahasa pemrograman yang memungkinkan Anda untuk menambahkan interaktivitas dan fungsi dinamis ke situs web. JavaScript dapat digunakan untuk membuat animasi, menangani input pengguna, mengontrol konten, dan melakukan berbagai tugas lainnya.
Contoh:
function greetUser() {
var name = prompt("Masukkan nama Anda:");
alert("Halo, " + name + "!");
}
Kode ini mendefinisikan fungsi greetUser
yang meminta pengguna untuk memasukkan namanya melalui kotak dialog (prompt
). Setelah pengguna memasukkan namanya, fungsi tersebut akan menampilkan pesan selamat datang menggunakan kotak dialog lain (alert
).
Kesimpulan
HTML, CSS, dan JavaScript bekerja bersama-sama untuk menciptakan pengalaman web yang kaya dan interaktif.
- HTML membangun struktur dasar halaman web.
- CSS menentukan gaya visual halaman web.
- JavaScript menambahkan interaktivitas dan fungsi dinamis ke halaman web.
Dengan memahami dasar-dasar dari ketiga teknologi ini, Anda dapat mulai membuat halaman web sendiri dan menjelajahi dunia pengembangan web yang menarik.