Struktur Dasar Dokumen HTML

iitekcno.blogspot.com – kalian pasti pernah mendengar kata web / website. Yah, website adalah tempat yang menyajikan berbagai macam jenis informasi yang kita inginkan. Ketika kita mencari sebuah informasi di internet, maka informasi tersebut akan muncul dalam sebuah halaman website. Semua halaman-halaman website tersebut dibuat menggunakan sebuah bahasa markup yang disebut HTML.

HTML adalah sebuah bahasa markup yang digunakan untuk mempercantik halaman website kita. Sama seperti bahasa pemograman lainnya, HTML juga terdiri dari kode-kode. Oleh karena itu jika kita ingin membuat suatu halaman website maka kita harus mengetahui kode-kode HTML tersebut.

Baca juga :

Dalam HTML terdapat banyak sekali kode yang harus kita hafal dan pahami, kode-kode tersebut biasa disebut deng tag. Simbol tag adalah seperti ini “<>”. Ada banyak skali tag yang terdapat kita pelajari dan gunakan dalam bahasa HTML ini, di antaranya ada <html>, <img>, <meta>, <title>, dan masih banyak lagi. Tiap tag-tag tersebut mempunyai kegunaan dan fungsi yang berbeda-beda.

Dalam satu halaman website, meskipun isi halaman itu sangat sedikit, tetapi untuk membuat satu halaman yang sangat sedikit itu memerlukan banyak sekali kode-kode atau tag-tag. Sebagai contohnya ketika kita membaca komik online pada website tertentu,yang terlihat pada halaman website tersebut mungkin saja hanya berupa logo website, gambar komik, dan beberapa tulisan-tulisan tertentu, kita mungkin berfikir untuk membuat halaman yang sama dengan itu akan sangat mudah dan gampang, kita hanya perlu membuat logo,beberapa gampar komik, dan memasuskan sedikit kata-kata untuk melengkapinya dan kita hanya tinggal memposting seperti yang kita lakukan ketika mengirim pesan di whatsup atau menulis status di social media.

namun kenyataannya tidak seperti itu. Satu halaman yang sangat sedikit tersebut dibuat dengan banyak skali kode-kode html, bahkan kalau kita memprint semua kode-kode itu, akan lebih dari belasan halaman kertas hvs.

Dalam sebuah dokumen HTML ada terdapat banyak sekali tag-tag di dalamnya, namun secara garis besar sebenarnya struktur dari sebuah dokumen HTML sebenarnya hanya terdiri dari tiga tag utama saja, yaitu <html>, <head>, dan <body>. Untuk ketiga tag ini, penulisannya kodenya secara sederhana kira-kira seperti gambar berikut ;

Seperti yang kita ketahui, hampir semua tag di HTML terdiri dari tag pembuka dan tag penutup, hanya beberapa tag saja yang tidak memilik tag penutup. Begitu pula dengan tiga tag utama ini, masing-masing dari mereka terdiri dari tag pembuka dan tag penutup. Hanya beberapa saja tag yang berdiri sendri.

Tag <html>

Tag html ini berfungsi untuk memberikan informasi kepada web browser bahwa kode-kode yang akan dieksekusi merupakan kode-kode html, sehinggan web browser dapat menerjemahkan kode-kode tersebut menjadi halaman yang sederhana. Tag html ini berada pada bagian paling atas dan paling bawah dari script. Tag pembukanya berada paling atas dan tag penutupnya berada paling bawah script. Sehingga semua tag yang berada diantara tag html ini akan dibaca sebagai kode html oleh browser.

tag <head>

tag head ini berfungsi untuk meletakan informasi umum pada halaman web yang ingin kita buat. Informasi-informasi umum ini misalnya seperti judul dari halaman web, deskripsi, deklarasi, pemanggilan file css yang telah dibuat sebelumnya, penulisan meta data, penentuan jenis huruf yang akan digunakan dalam halaman web, penentuan warna latar belakang halaman web, dan masih banyak lagi. Setiap informasi yang kita masukan pada tag head ini nantinya akan diterapkan secara otomatis oleh web browser pada halaman website kita.

Tag <body>

Bias dibilang kalau tag body ini adalah yang paling utaman dari sebuah halaman web. Tag ini berfungsi untuk menampilkan segala jenis informasi dan konten pada yang ingin kita sampaikan kepada pembaca dan audiens. Kalau tadi jika semua kode-kode pada tag head tidak diperlihatkan pada halaman beowser, maka pada tag body ini sebaliknya, semua kode yang ada dalam tag ini akan ditampilkan oleh web browser, entah itu berupa system navigasi dari web, konten yang berupa teks, gambar, video dan masih banyak lagi.

Kita ambil contoh lagi, jika kita mencari sebuah artikel di internet, atau kita membaca komik online, atau kita streaming film di internet, atau ketika kita mendownload sesuatu, semua yang kita lihat pada layar computer atau handphone kita itu semua kode-kodenya terletak dalam tag body ini. Intinya adalah bahwa apa saja yang ingin kita tampilkan pada halaman web kita, maka kita harus menempatkan semua itu di dalam tag body ini.

Demikianlah sedikit informasi tentang struktur dasar dari sebuah dokumen html. Semoga dapat bermanfaat bagi teman-teman semua.

Terima kasih..!!