Struktur Dasar Web
Apa itu Struktur Dasar Web?​
Struktur dasar web = susunan file & kerangka HTML + CSS + JS yang membentuk sebuah halaman web dari nol.
Ibarat rumah: HTML tulangnya, CSS cat & dekorasi, JS listrik + sistem interaktifnya.
HTML itu markup language yang tugasnya bikin kerangka website, kayak fondasi rumah. CSS itu bahasa deklaratif yang kasih gaya dan dandanan biar website-nya keren dan enak dipandang. JavaScript itu satu-satunya bahasa pemrograman yang browser dukung langsung, buat bikin website lebih hidup dan interaktif.
Jadi bayangin gini: Kalau website itu hewan, HTML itu kerangka tulangnya. Tapi kerangka aja ga cukup — pastinya keliatannya aneh dan kosong. CSS itu kayak kulit, bulu, warna, hiasan agar hewan itu jadi menarik. Lalu JavaScript —yah, dia yang bikin hewan bisa gerak, jalan, merespons saat disentuh, kayak yang interaktif gitu.
Bagian Utama Struktur Web​
| Bagian | Fungsi Utama |
|---|---|
<!DOCTYPE html> | Memberi tahu browser bahwa dokumen ini menggunakan HTML versi modern (HTML5). |
<html> | Elemen root, semua isi halaman web berada di dalam elemen ini. |
<head> | Tempat metadata: title, link ke CSS/JS eksternal, meta tags, viewport, charset dll. |
<title> | Judul halaman yang muncul di tab browser. |
<body> | Tempat semua konten yang terlihat user: teks, gambar, link, tombol dll. |
Contoh Struktur HTML Basic​
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Judul Halaman</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1>Halo, Web!</h1>
<p>Ini paragraf contoh.</p>
<script src="script.js"></script>
</body>
</html>
Kalau mau coba bisa akses web ini text editor online lalu copas code diatas