Pada postingan kali ini saya akan menuliskan tentang struktur dasar
dari dokumen HTML.
Struktur dasar sebuah dokumen HTML meliputi :
-
Elemen
-
Tag
-
Attribute
Apa kah yang dimaksud dengan struktur dasar tersebut, akan kita bahas
pada uraian berikut ini.
Elemen
Dokumen HTML disusun oleh elemen elemen. Elemen merupakan istilah bagi
komponen komponen dasar pembentuk dokumen HTML. Elemen terdiri dari 3 bagian
yaitu tag pembuka, isi dan tag penutup.
Beberapa contoh elemen adalah Head, body table, paragraph dan list.
Tag
Tag merupakan teks khusus (markup) berupa dua karakter “<” dan
“>” , contoh <body> adalah tag dengan nama body. Tag ditulis secara
berpasangan, yang terdiri atas tag pembuka dan tag penutup.
Untuk tag penutup di tambahkan karakter “/” setelah karakter “<”.
Contoh tag pembuka <body>, pasangan tag nya atau tag penutup
</body>
Yang merupakan tag tag dasar dalam HTML adalah :
<html> </html>
Tag <html > dan </html> digunakan untuk menandai awal dan
akhir dari suatu file HTML.
<title> </title>
Tulisan yang berada diantara tag <title> dan </title> akan
ditampilkan oleh browser pada bagian title dan merupakan title dari jendela
browser.
<head></head>
Berisi keterangan informasi seperti title dan jenis dokumen, ditulis diantara
<head></head>
<body></body>
Bagian tag <body> </body>
Menandai awal dan akhir dari badan dokumen HTML. Tag ini berisi
sejumlah attribute yang dapat ditentukan.
Attribute
Attribute mendefinisikan property dari suatu element html, yang terdiri
atas nama dan nilai. Penulisannya adalah sebagai berikut :
<TAG
nama-attr=”nilai-attr”
nama-attr=”nilai-attr”>
</TAG>
Secara umum nilai attribute harus berada dalam tanda petik satu atau
tanda petik dua. Sebagai contoh untuk membuat warna latar belakang halaman web
menjadi biru, dan teks menjadi kuning,
penulisannya adalah :
<body bgcolor=”blue” text=”yellow”>
Di bawah ini adalah daftar dari beberapa atribut yang dapat digunakan
pada setiap elemen HTML:
Class : Menentukan satu atau
lebih class name untuk sebuah elemen (mengacu pada kelas dalam style sheet).
Id : Menentukan Id unik
untuk menentukan sebuah elemen
Style : Menentukan Inline CSS
Style untuk elemen
Title : Menentukan informasi
tambahan mengenai elemen (ditampilkan sebagai tool tip).
Tidak ada komentar:
Write komentar