Wednesday, January 18, 2012

HTML Dasar

Untuk bahasan ini mencakup:

Elemen
Elemen merupakan struktur yang menggambarkan bagian-bagian dari suatu dokumen HTML. Elemen itu sendiri dibangun atas cakupan TAG AWAL, ISI, dan TAG AKHIR.

Ada beberapa elemen HTML yang cakupannya hanya TAG AWAL saja dan tidak memiliki ISI dan TAG AKHIR, seperti elemen BR, HR, IMG, BASE, LINK, dll.

Tag
Tag adalah bagian dari pembangun suatu elemen, tag itu sendiri dibangun atas cakupan <, NAMA TAG, dan diakhiri oleh tanda >.

Khusus penulisan tag akhir penambahan tanda / setelah tanda < diperlukan. Contohnya bahwa elemen P memiliki tag awalnya adalah <P> dan tag akhirnya adalah </P>, dan untuk isi dari elemen P itu sendiri adalah yang ada diantara <P> dan </P>.

Contoh:

<P>Disini isi elemen P</P>

Susunan tag tidak boleh salah tumpang tindihnya, di bawah ini anggap saja <1>, <2> dan <3> adalah tag-tag HTML.

Contoh susunan tag yang salah:

<1> <2><3>...</2></3> </1>

Contoh susunan tag yang benar:

<1> <2><3>...</3></2> </1>

Untuk penamaan NAMA TAG tidak memperdulikan huruf kecil dan huruf besar, misal elemen IMG dapat dituliskan <IMG>, <ImG>, <IMg>, <img>, atau <imG>.

Atribut
Atribut adalah informasi tambahan untuk suatu elemen HTML. Atribut harus digambarkan di dalam tag awal dan bukan di dalam tag akhir.

Contoh:

<P ID="elemID">Alinea</P>

ID adalah nama atribut, dan elemID adalah nilai atribut ID. Untuk contoh di atas, atribut ID menggambarkan identitas unik untuk elemen P. Tanda kutip ganda (") atau tunggal (') diperlukan untuk mengapit nilai atribut.

Komentar
Untuk menetapkan komentar, tetapkan komentar di antara tanda <!-- dan tanda -->. Isi komentar yang telah ditetapkan di antara kedua tanda tersebut tidak akan dieksekusi oleh browser.

Contoh

<!-- disini komentar anda -->

Contoh dokumen HTML yang sederhana:

<!DOCTYPE HTML PUBLIC "//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REChtml40/strict.dtd"> <HTML> <HEAD> <TITLE>Judul dokumen</TITLE> </HEAD> <BODY> <H1>Heading utama</H1> <P>Alinea.</P> <P>Alinea lainnya.</P> <UL> <LI>Daftar item.</LI> <LI>Daftar item lainnya.</LI> </UL> </BODY> </HTML>

Untuk dokumen Frameset, posisi elemen BODY digantikan oleh elemen FRAMESET.