Selasa, 11 Agustus 2009

Dasar-Dasar HTML

Diposkan oleh El-Fikar

Seperti suatu dokumen umumnya, dokumen HTML dapat terdiri dari teks-teks, gambar, suara, ataupun video. Tetapi ada satu hal yang membedakan dokumen HTML dengan dokumen-dokumen lainnya, yaitu adanya elemen-elemen HTML beserta tag-tag-nya. Element dan tag ini berfungsi untuk memformat atau menandai suatu bagian tertentu dari dokumen HTML dan juga untuk menentukan struktur bagian tersebut dalam dokumen HTML. Element dan tag inilah yang merupakan ciri utama dari suatu dokumen HTML.


1.Elemen

Dalam dokumen HTML, elemen dibagi menjadi dua kategori utama, yaitu elemen-elemen "Head" yang memberikan informasi tentang dokumen tersebut, seperti judul dokumen atau hubungannya dengan dokumen lain serta elemen-elemen "Body" yang menentukan bagaimana isi suatu dokumen ditampilkan dalam browser, seperti paragraph, list (daftar), table, dll. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut.

2.Tag

Sewaktu browser menampilkan suatu web page, browser tersebut akan membaca teks-teks pada dokumen HTML dan mencari suatu kode khusus yang disebut tag. Tag ini dinyatakan dengan tanda lebih kecil (<) dan lebih besar (>). Tag biasanya merupakan suatu pasangan yang disebut tag awal dan tag akhir. Tag awal dinyatakan dalam bentuk ,sedangkan tag akhir dinyatakan dalam bentuk . Perhatikan contoh format penulisan tag berikut:

teks yang ditampilkan

Sebagai contoh untuk menampilkan teks dalam format miring digunakan elemen I, yang dinyakan sebagai berikut:

Teks ini akan terlihat miring di browser Anda

Contoh di atas jika dilihat dalam browser akan menampilkan tulisan berupa

Teks ini akan terlihat miring di browser Anda

Tag awal memberitahukan browser untuk memulai huruf dengan format miring dan tag akhir memberitahukan bowser untuk mengakhiri format huruf miring tersebut.

CATATAN:

HTML tidak membedakan penggunaan huruf besar atau huruf kecil dari suatu elemen. Anda dapat menuliskan …… sebagai …….. ataupun ……., semuanya akan memberikan hasil yang sama.

0 komentar:

Poskan Komentar