Sebelum membangun sebuah rumah, kamu membutuhkan rangka yang kokoh. Rangka tersebut menentukan letak ruangan, lantai, dan keseluruhan struktur bangunan. Di dunia web development, peran rangka itu dipegang oleh HTML. HTML adalah titik awal yang wajib dipahami untuk membangun setiap website yang pernah kamu kunjungi.
Tapi jangan dulu merasa takut karena terdengar penting. Pada dasarnya, HTML sangat sederhana dan memang dirancang agar mudah dipelajari, bahkan oleh orang yang benar-benar baru mulai. Memahami HTML adalah langkah besar pertama untuk mulai membuat website.
Sebenarnya Apa Itu HTML?
HTML adalah singkatan dari HyperText Markup Language. Yuk, kita bahas satu per satu.
Markup Language
Ini adalah bagian yang paling penting. HTML bukan bahasa pemrograman yang menjalankan logika atau perhitungan yang rumit. HTML adalah markup language, yaitu bahasa yang menggunakan label sederhana yang disebut tag untuk mendeskripsikan dan menyusun isi sebuah halaman. Sederhananya, kamu memberi "label" pada setiap bagian konten agar browser tahu fungsi masing-masing.HyperText
Bagian ini mengacu pada kemampuan HTML untuk menghubungkan satu halaman dengan halaman lainnya. Tautan atau link yang menjadi dasar dari internet merupakan salah satu fitur utama HTML.
Bayangkan kamu adalah editor sebuah majalah. Kamu menerima sekumpulan teks mentah, lalu memberikan instruksi seperti, "Jadikan ini judul utama", "Bagian ini adalah paragraf", atau "Kata ini harus mengarah ke artikel lain". Kurang lebih, itulah yang dilakukan HTML kepada browser.
Komponen Dasar: HTML Tag
HTML menggunakan tag untuk menyusun isi halaman. Sebagian besar tag ditulis berpasangan, yaitu tag pembuka dan tag penutup, yang diapit oleh tanda kurung siku (< >). Misalnya, untuk membuat sebuah paragraf, kamu bisa menuliskannya seperti ini: <p>Ini adalah sebuah paragraf.</p>.
Berikut beberapa tag dasar yang paling sering digunakan:
<h1>sampai<h6>: Heading
Digunakan untuk membuat judul dan subjudul.<h1>adalah heading yang paling penting, seperti judul sebuah buku, sedangkan<h6>adalah yang tingkat kepentingannya paling rendah.<p>: Paragraf
Tag ini digunakan untuk membuat blok teks biasa dan menjadi salah satu tag yang paling sering digunakan.<a>: Anchor (Link)
Tag ini digunakan untuk membuat tautan yang bisa diklik, baik menuju halaman lain di website yang sama maupun ke website lain. Inilah bentuk nyata dari konsep hypertext.<img>: Gambar
Tag ini digunakan untuk menampilkan gambar langsung di dalam halaman web sehingga konten menjadi lebih menarik secara visual.
Dengan menggabungkan tag-tag sederhana tersebut, kamu bisa membuat halaman yang terstruktur dengan baik dan dapat dipahami oleh browser di mana pun.
Kenapa Struktur Itu Penting?
Kenapa kita harus repot menggunakan berbagai tag ini? Karena struktur memberikan makna pada sebuah konten. Saat menggunakan tag <h1>, kamu bukan sekadar membuat teks menjadi besar, tetapi juga memberi tahu browser dan mesin pencari seperti Google bahwa itulah judul utama halaman tersebut. Saat menggunakan tag <p>, kamu menunjukkan bahwa bagian tersebut adalah sebuah paragraf yang berisi satu gagasan atau informasi.
Struktur yang rapi dan bermakna inilah yang nantinya menjadi fondasi bagi tampilan yang menarik menggunakan CSS dan interaksi menggunakan JavaScript.
Penutup
HTML adalah kerangka kokoh yang menjadi fondasi seluruh website di internet. Meskipun sederhana, HTML memiliki peran besar dalam mengubah teks biasa menjadi konten yang terstruktur dan memiliki makna. Mempelajari HTML tidak membutuhkan latar belakang ilmu komputer. Kamu hanya perlu memahami bagaimana cara memberi label pada sebuah informasi. Setelah memahami konsep tersebut, kamu sudah memiliki fondasi utama untuk mulai membangun apa pun di web.