Apa Itu Web?

Panduan ramah pemula tentang World Wide Web: apa itu website, apa sebenarnya tugas browser, dan kenapa web pada dasarnya cuma kumpulan halaman yang terhubung lewat tautan.

Diterbitkan 15 September 20267 menit bacaOleh ACY Partner Indonesia
Ilustrasi dengan judul Apa Itu Web dan alur GET ke halaman ke tampil
300 × 250Slot Iklan TersediaPasang iklan Anda di sini

Setiap hari kamu memakai web. Kamu buka browser, ketik sesuatu, lalu halaman bermunculan: berita, video, toko online, situs bank, sampai resep masakan buat makan malam. Karena terasa begitu biasa, jarang ada yang berhenti sejenak dan bertanya: sebenarnya apa yang terjadi di balik layar? Nah, di situlah artikel ini berperan.

Tujuannya bukan menjadikan kamu seorang insinyur dalam sepuluh menit. Tujuannya adalah memberi kamu gambaran yang jelas dan jujur tentang apa itu web, supaya semua hal yang kamu pelajari nanti punya pondasi yang kuat. Tidak perlu bekal apa pun. Kalau kamu pernah mengeklik sebuah tautan, berarti kamu sudah punya semua pengalaman yang dibutuhkan.

Web dalam satu kalimat

Ini inti idenya, diringkas habis: web adalah kumpulan raksasa berisi dokumen dan berbagai sumber daya lain, tersimpan di komputer-komputer di seluruh dunia, yang bisa kamu akses lewat internet dan kamu lompati satu ke lain hanya dengan mengeklik tautan.

Sesederhana itu. Jaring berisi halaman, dihubungkan oleh tautan, yang kamu baca dan klik. Namanya pun sudah memberi petunjuk: “World Wide Web” berarti jaring dokumen terhubung yang menjangkau seluruh dunia.

Perhatikan bahwa ini menggambarkan isi dan hubungan, bukan kabel dan mesin. Web adalah lapisan yang benar-benar kamu lihat dan sentuh: halamannya, teksnya, gambarnya, tombolnya, tautannya. Inilah bagian yang memang dirancang untuk dibaca manusia.

Web bukanlah internet

Banyak orang menyamakan “web” dan “internet”, padahal keduanya berbeda. Internet adalah jaringan global komputer yang saling terhubung, semacam infrastruktur yang memindahkan data ke mana-mana. Web adalah salah satu hal yang berjalan di atas infrastruktur itu. Email, panggilan video, dan game online juga memakai internet, tapi mereka bukan bagian dari web. Web khusus merujuk pada dunia halaman-halaman yang saling tertaut yang kamu jelajahi.

Apa itu website?

Website adalah kumpulan halaman web yang saling berkaitan dan menjadi satu kesatuan, biasanya di bawah satu nama. Bayangkan website seperti sebuah gedung, dan tiap halaman web seperti satu ruangan di dalamnya.

Ambil contoh situs sebuah perusahaan. Halaman utama ibarat pintu depan. Mungkin ada halaman “Tentang Kami”, halaman “Kontak”, halaman “Produk”, dan seterusnya. Semua halaman itu bersama-sama membentuk satu website. Mereka berbagi alamat yang sama, yang disebut nama domain, misalnya acy-partner.com. Apa pun yang berada di bawah nama itu termasuk situs yang sama.

Satu halaman web itu cuma satu dokumen. Saat kamu membaca artikel, mengisi formulir, atau melihat sebuah produk, kamu sedang menatap satu halaman. Sebuah halaman bisa memuat banyak hal:

  • Teks — kata-kata yang kamu baca.
  • Gambar — foto, logo, ikon.
  • Tautan — bagian yang bisa diklik untuk membawamu ke tempat lain.
  • Media — video dan audio.
  • Bagian interaktif — tombol, kotak pencarian, menu, formulir.

Di balik layar, halaman itu ditulis dalam bahasa bernama HTML, yang menjelaskan apa tiap bagian halaman: ini judul, ini paragraf, ini tautan. Kamu tidak perlu paham HTML untuk membaca artikel ini. Cukup pegang satu gagasan: setiap halaman, pada dasarnya, adalah dokumen dengan struktur yang sudah dikenali.

Halaman, tautan, dan “jaring” di baliknya

Kata “web” (jaring) dipilih bukan tanpa alasan. Jaring laba-laba adalah jaringan benang, masing-masing terhubung ke yang lain. World Wide Web bekerja serupa, hanya saja benangnya adalah tautan dan titik penghubungnya adalah halaman.

Tautan (kadang disebut juga hyperlink) adalah sepotong teks atau gambar yang, ketika diklik, membawamu ke halaman lain. Halaman tujuan itu bisa berada di website yang sama, atau di website yang sama sekali berbeda di belahan bumi lain. Dari sisimu rasanya sama saja: kamu klik, lalu halaman baru muncul.

   Halaman A  ──tautan──▶  Halaman B  ──tautan──▶  Halaman C
       │                                             │
       └──────────────── tautan ────────────────────┘

Karena halaman mana pun bisa menaut ke halaman mana pun, hasilnya adalah jaringan raksasa yang saling silang. Tidak ada “titik awal” web dan tidak ada “akhirnya”. Kamu menjelajahinya dengan mengikuti tautan, seperti berjalan dari satu ruangan ke ruangan lain lewat pintu-pintu yang saling terhubung. Kebebasan melompat dari apa pun ke apa pun inilah gagasan terpenting di balik web, dan inilah alasan ia tumbuh begitu pesat.

Apa yang dilakukan browser?

Browser adalah program yang kamu pakai untuk mengunjungi web. Chrome, Firefox, Safari, dan Edge semuanya browser. Perangkat apa pun yang sedang kamu pakai membaca ini menampilkannya lewat sebuah browser.

Gampang sekali mengira browser itu “internet”, karena ia adalah jendelamu ke sana. Padahal tugas browser sangat spesifik. Secara garis besar, ia mengerjakan tiga hal:

  1. Mengambil. Ketika kamu mengetik alamat atau mengeklik tautan, browser meminta halaman itu ke komputer yang jauh.
  2. Menampilkan. Halaman datang berupa dokumen penuh instruksi yang ditulis dalam HTML dan bahasa terkait. Browser membaca instruksi itu lalu menggambar halaman yang kamu lihat: tata letak, jenis huruf, warna, gambar.
  3. Membiarkanmu berinteraksi. Ia menangani klikmu, guliranmu, ketikanmu, lalu bereaksi, sering kali dengan mengambil halaman berikutnya.

Begini siklusnya dalam langkah sederhana:

Kamu klik sebuah tautan

Browser mengirim permintaan   (GET)

Server mengirim halaman kembali

Browser mengubah halaman jadi piksel   (render)

Kamu membacanya, lalu klik lagi

Komputer yang menyerahkan halaman itu disebut server. Ia hanya komputer lain, biasanya berada di pusat data, yang tugasnya menunggu permintaan dan menjawabnya. Browser-mu adalah klien: pihak yang meminta. Bolak-balik antara klien dan server inilah detak jantung web.

Satu cara membayangkan yang praktis

Bayangkan sebuah perpustakaan. Kamu (klien) datang ke meja dan meminta buku tertentu lewat kodenya. Petugas perpustakaan (server) mencarikan lalu menyerahkannya. Setelah itu kamu membacanya sendiri. Web bekerja sama persis: browser-mu meminta halaman lewat alamatnya, server mengirimkannya kembali, dan browser menampilkannya untuk kamu baca.

Pengalaman baca-lalu-klik

Lepaskan semua teknologinya, dan web menyusut menjadi satu putaran sederhana yang sangat manusiawi: kamu membaca, lalu kamu mengeklik.

Kamu mendarat di sebuah halaman. Kamu baca sebagiannya. Ada yang menarik perhatianmu, lalu kamu klik sebuah tautan, tombol, atau hasil pencarian. Halaman baru muncul. Kamu baca yang itu. Kamu klik lagi. Jam demi jam, satu irama itu membawamu menyeberangi jutaan halaman tanpa pernah kamu pikirkan.

Karena itulah web di masa awal sering disebut “hypertext”: teks biasa, tapi punya kekuatan ekstra bahwa kata atau frasa apa pun bisa menjadi pintu menuju tempat lain. Halaman modern menambahkan jauh lebih banyak, seperti video, animasi, dan aplikasi utuh yang bisa kamu login ke dalamnya, tapi inti baca-lalu-klik yang asli masih berdetak di balik semuanya.

Yang kamu lihat Sebenarnya apa
Website seperti acy-partner.com Kumpulan halaman berkaitan di bawah satu nama
Satu halaman yang kamu baca Satu dokumen HTML
Teks yang bisa diklik (digarisbawahi/ditonjolkan) Tautan ke halaman lain
Aplikasi yang menampilkannya Browser
Mesin yang mengirim halaman Server

Alamat: bagaimana kamu menemukan halaman

Setiap halaman di web punya alamatnya sendiri, yang disebut URL (singkatan dari Uniform Resource Locator, tapi kepanjangannya tidak terlalu penting). Kamu selalu melihat URL di bilah atas browser, semacam https://blog.acy-partner.com.

URL hanyalah cara yang tepat untuk menunjuk satu sumber daya tertentu di web, supaya browser tahu persis halaman mana yang harus diminta dan ke server mana harus bertanya. Ketika kamu mengeklik tautan, sebenarnya kamu cuma menyuruh browser pergi mengambil URL yang tersembunyi di dalam tautan itu. Kamu jarang lagi mengetik alamat lengkap secara manual, karena tautan dan mesin pencari yang melakukan penunjukan itu untukmu, tapi setiap halaman tetap punya satu URL di baliknya.

Satu halaman, banyak bahan

Satu halaman yang kamu lihat sering kali bukan satu berkas tunggal. Untuk menampilkan satu artikel, browser-mu mungkin diam-diam mengambil HTML, satu lembar gaya yang mengatur tampilan, beberapa gambar, jenis huruf, dan program-program kecil, masing-masing dari server. Browser menyatukan semuanya begitu cepat sampai terasa seperti satu halaman instan. Ingat ini: apa yang tampak sebagai “satu halaman” biasanya adalah banyak bagian yang datang lalu dirakit untukmu.

Kenapa pondasi ini penting

Semua hal lain dalam pengembangan web tumbuh dari beberapa gagasan di artikel ini. Saat nanti kamu belajar bagaimana halaman dibangun, kamu sedang belajar menulis dokumen yang ditampilkan browser. Saat belajar tentang server dan permintaan, kamu sedang mendalami percakapan yang sudah kita gambarkan di atas. Saat belajar soal penataan tampilan dan interaktivitas, kamu sedang menyempurnakan apa yang pembaca lihat dan lakukan di sebuah halaman.

Jadi gambaran yang perlu kamu bawa terus tetap tenang dan sederhana:

  • Internet adalah jaringan komputer yang saling terhubung.
  • Web adalah lapisan halaman dan sumber daya tertaut yang hidup di atasnya.
  • Website adalah sekelompok halaman berkaitan di bawah satu nama; halaman adalah satu dokumen.
  • Browser adalah klien yang mengambil halaman lalu menampilkannya untukmu.
  • Server adalah komputer yang mengirimkan halaman-halaman itu kembali.
  • Tautan menjalin tiap halaman ke halaman lain, dan kamu berkelana dengan membaca lalu mengeklik.

Rangkuman

Web bukan sihir, dan tidak serumit yang terlihat di awal. Ia adalah kumpulan dokumen dan sumber daya berskala dunia, dihubungkan oleh tautan, yang kamu jangkau lewat internet menggunakan browser. Browser mengambil halaman dari server, mengubahnya menjadi sesuatu yang bisa kamu lihat, lalu membiarkanmu mengeklik untuk terus melangkah. Putaran baca-lalu-klik itu, terulang miliaran kali sehari di seluruh planet, itulah web.

Dengan pondasi ini sudah terpasang, langkah berikutnya yang wajar adalah menelisik lebih dekat perbedaan antara web dan internet, lalu bagaimana satu halaman sebenarnya dibangun. Pelajari satu per satu, dan keseluruhan topik ini akan terus terasa semudah ini.

Tag:webworld wide webbrowserwebsitepemuladasar
728 × 90Slot Iklan TersediaPasang iklan Anda di sini

Artikel Terkait

Lihat Semua Artikel

Artikel yang Mungkin Kamu Suka

Ilustrasi DOM sebagai pohon dari node HTML
Dasar-Dasar Web / Browser

Apa Itu DOM?

Penjelasan DOM untuk pemula: pohon HTML yang hidup di memori browser. Pahami apa itu DOM, bagaimana pohonnya dibentuk, dan kenapa ia begitu penting.

15 Sep 20267 menit baca
Ilustrasi berjudul Apa Itu Web Browser dengan code chip fetch ke render
Dasar-Dasar Web / Browser

Apa Itu Web Browser?

Penjelasan sederhana soal web browser: program yang mengambil berkas dari web lalu menyusunnya menjadi halaman yang kamu lihat, satu tab dan satu klik setiap saat.

15 Sep 20268 menit baca
Ilustrasi engine browser menjalankan skrip lewat event loop
Dasar-Dasar Web / Browser

Cara Browser Menangani JavaScript

Penjelasan ramah pemula soal bagaimana browser membaca, mengubah, dan menjalankan JavaScript, kenapa hanya punya satu jalur utama, dan bagaimana cara memuat skrip memengaruhi tampilan halaman.

15 Sep 20268 menit baca
Sampul biru gelap bertuliskan Cara Kerja Browser dengan chip kode parse ke layout ke paint
Dasar-Dasar Web / Browser

Cara Kerja Browser: Gambaran Umum

Penjelasan ramah pemula tentang apa yang dilakukan browser dari kamu mengetik URL sampai halaman muncul: jaringan, parsing, render tree, layout, paint, compositing, dan mesin JavaScript.

15 Sep 20268 menit baca
Sampul Critical Rendering Path dengan chip timer first paint
Dasar-Dasar Web / Browser

Critical Rendering Path

Ikuti langkah persis yang dilakukan browser untuk mengubah HTML, CSS, dan JavaScript menjadi piksel pertama yang terlihat, dan pahami kenapa posisi CSS dan JS menentukan secepat apa halaman muncul.

15 Sep 20267 menit baca
Sampul Dasar Keamanan Browser dengan chip kode berlambang perisai same-origin
Dasar-Dasar Web / Browser

Dasar Keamanan Browser: Cara Browser Diam-Diam Melindungimu

Panduan ramah untuk pemula tentang cara browser menjaga keamananmu: same-origin policy, sandboxing antar-tab, gembok HTTPS, mixed content, dan pengantar lembut soal kenapa input bisa berbahaya.

15 Sep 202610 menit baca