Pengenalan Web: Cara Kerja Browser dan Server
Mulai dari nol: apa itu internet, bagaimana browser meminta halaman ke server, dan di mana posisi HTML dalam semua itu.
Web Itu Sebenarnya Apa?
Bayangkan web seperti restoran. Kamu (browser) datang, melihat menu (alamat web), lalu memesan ke dapur (server). Dapur menyiapkan hidangan berupa file, lalu pelayan mengantarnya ke mejamu. Browser kemudian "memasak" ulang hidangan itu menjadi tampilan yang bisa kamu lihat dan klik.
Prosesnya punya nama resmi: request dan response. Browser mengirim request ("tolong kirimkan halaman ini"), server menjawab dengan response (file HTML, gambar, dan lain-lain).
Tiga Bahasa Utama Web
Setiap halaman web dibangun dari tiga teknologi yang punya peran berbeda:
- HTML: kerangka dan struktur. Menentukan "ini judul, ini paragraf, ini tombol".
- CSS: tampilan. Menentukan warna, ukuran font, dan posisi elemen.
- JavaScript: perilaku. Menentukan apa yang terjadi saat tombol diklik.
Di seri ini kita fokus ke HTML dulu, karena tanpa struktur yang benar, CSS dan JavaScript tidak punya pijakan yang kuat.
Cara Browser Membaca HTML
Browser membaca file HTML dari atas ke bawah, baris per baris. Setiap kali menemukan instruksi (disebut tag), browser langsung merendernya. Itu sebabnya urutan penulisan HTML itu penting: yang ditulis duluan, tampil duluan.
Alamat Web (URL)
Setiap halaman punya alamat unik yang disebut URL, contohnya https://learn.omnidevv.biz.id. Bagian-bagiannya:
https://: protokol, aturan cara browser dan server berkomunikasi.learn.omnidevv.biz.id: nama domain, alamat server tujuannya.- Bagian setelah garis miring: path, file atau halaman spesifik yang diminta.
Yang Perlu Kamu Siapkan
Kabar baiknya: untuk belajar HTML kamu tidak butuh install apa-apa. Cukup dua alat:
- Text editor: VS Code, Notepad, atau apa pun. Tempat menulis kode.
- Browser: Chrome, Firefox, Edge. Tempat melihat hasil.
Simpan file dengan ekstensi .html, lalu buka dengan cara double-click. Selesai, kamu sudah bisa bikin web.
Catatan teknis: File HTML sebenarnya cuma file teks biasa. Ekstensi
.htmlhanya memberi tahu browser "baca aku sebagai halaman web, bukan teks polos".
Rangkuman
Web bekerja dengan pola request-response antara browser dan server. HTML adalah fondasi strukturnya, dan kamu sudah punya semua alat yang dibutuhkan untuk mulai. Di modul berikutnya, kita tulis file HTML pertamamu.