Site Loader
CHAT
Struktur dan Komponen Dasar Pada HTML

HTML (HyperText Markup Language) adalah bahasa pemrograman paling basic dari sebuah web. HTML ini juga menggambarkan dan mendefinisikan konten halaman web bersama dengan tata letak dasarnya. Teknologi lain selain HTML yang umumnya digunakan untuk menggambarkan penampilan atau presentasi halaman web semisal CSS atau JavaScript. 

Kode-kode yang ada di HTML, memastikan format teks dan gambar yang tepat sehingga browser internet kalian dapat menampilkannya sebagaimana yang dimaksudkan untuk dilihat. Tanpa HTML, browser tidak akan tahu cara menampilkan teks sebagai elemen atau memuat gambar atau elemen lainnya. HTML juga menyediakan struktur dasar halaman, di mana Cascading Style Sheets ditumpuk untuk mengubah tampilannya. Orang bisa menganggap HTML sebagai tulang (struktur) dari suatu halaman web, dan CSS sebagai kulitnya (penampilan). 
Di dalam strukturnya, HTML dibagi menjadi beberapa bagian. Untuk lebih jelasnya lagi, mari kita lihat pada gambar dibawah ini.
Struktur dan Komponen Dasar Pada HTML
Gambar 1.1
Pada gambar di atas menggambarkan dengan jelas bagaimana struktur kode HTML. Mari kita bahas satu persatu bagiannya.

1. <!DOCTYPE html> …. </html>

Struktur dan Komponen Dasar Pada HTML
Gambar 1.2
Bagian ini berfungsi untuk menentukan tipe dokumen apa yang akan dikerjakan. Identifikasi merupakan hal yang perlu dan penting untuk dilakukan agar web browser kita dapat mengenali codingan seperti apa yang kita tulis pada compiler. Jika pada awal penulisan kode tidak disertakan tag seperti gambar diatas, maka kode HTML dipastikan tidak akan berjalan karena compiler tidak bisa mendefinisikan kode apa yang ditulis.

2. <head> … </head>

Struktur dan Komponen Dasar Pada HTML
Gambar 1.3 
Pada tag head ini, biasanya banyak elemen-elemen metadata yang ditempelkan di dalamnya. Medata ini yang berguna untuk menentukan judul dokumen, rangkaian karakter, skrip, gaya, tautan, dan informasi-informasi meta lainnya. Metadata pada HTML juga merupakan data-data yang ada dan berisikan dokumen yang saling berkaitan dan menunjang satu sama lainnya, tanpa ditampilkan pada halaman browser web sedikitpun. Hanya satu yang akan tampil pada tab browser web kalian, yaitu “Title”, yang mana akan kita bahas selanjutnya.

3. <title> … </title>

Struktur dan Komponen Dasar Pada HTML
Gambar 1.4
Tag ini berfungsi untuk menampilkan judul atau nama halaman website kalian pada tab browser yang digunakan. Tag title ini juga sangat diperlukan keberadaannya dan harus ada di semua tipe dokumen HTML/XHTML. Pada penerapannya, selain menjadi judul pada tab halaman sebuah browser, tag title ini juga berfungsi menjadi judul halaman ketika website page kalian ditambahkan ke dalam daftar favorit atau bookmarks.

4. <body> … </body>

Struktur dan Komponen Dasar Pada HTML
Gambar 1.5 
Pada tag body ini lah semua bagian website kalian dibangun. Pada tag ini pula seluruh konten utama yang kalian buat akan muncul. Semua bagian akan terlihat dan tampil menjadi bagian per bagian yang membuat sebuah halaman bisa disebut sebagai website.
5. <h1> … </h1>

Struktur dan Komponen Dasar Pada HTML
Gambar 1.6
Tag <h1> ini berfungsi untuk memberikan judul pada halaman website kalian. Biasanya digunakan pada heading content pada sebuah website. Tag ini pun memiliki banyak turunan sebenarnya. Ada tag <h1>, <h2>, <h3>, dan seterusnya. Perbedaan dari setiap jenis tag H ini ada pada ukurannya. Semakin kecil nilainya, maka semakin besar ukuran huruf atau konten yang dihasilkan. Begitu juga sebaliknya. Semakin besar nilainya, maka akan semakin kecil huruf atau konten yang dihasilkan. Tag ini juga bisa digunakan di beberapa atribut lainnya yang ada di HTML. Tidak hanya digunakan sebagai heading sebuah halaman saja.

Post Author: Didik Prabowo

Seoarang Software enginering, Instruktur terutama di bifang pemrograman berbasis website, sekaligus admin di situs didikprabowo.com.

Leave a Reply

Your email address will not be published. Required fields are marked *

About

Didik Prabowo merupakan situs web yang menyajikan informasi dan tutorial pemrograman, Teknologi dan SEO serta membahas Web Design HTML, CSS dan Javascript.
Situs ini juga menyajikan Informasi mengenai pengguna linux.