Tuesday, November 16, 2010

Elemen HTML

Setelah kita memahami dasar - dasar HTML, lalu bab selanjutnya adalah mengenai Elemen HTML. Elemen HTML adalah seluruh unsur html yang ada, dari tag awal atau tak pembuka sampai dengan tag akhir atau tag penutup.

Berikut ini saya gambarkan dalam bentuk tabel :

Tag awal	Elemen konten	Tag Akhir
<p>	Paragraf teks	</p>
<a href="default.htm" >	Link	</a> <br />
<br />

Elemen HTML Sintaks :
    * Sebuah elemen HTML dimulai dengan tag awal / tag pembuka
    * Elemen HTML diakhiri dengan tag akhir / tag penutup
    * Isi elemen adalah segalanya antara tag awal dan tag akhir
    * Beberapa elemen HTML memiliki konten kosong
    * elemen kosong   ditutup pada tag awal
    * Sebagian besar elemen HTML terdapat banyak atribut
Tip: Anda akan belajar tentang atribut pada bab selanjutnya dari Blog ini.

Elemen HTML Bersarang/ Nested
Kebanyakan Elemen HTML dapat bersarang (dapat berisi elemen-elemen HTML yang lain). Artinya pada suatu dokumen HTML terdiri dari elemen – elemen HTML .
Berikut ini contoh yang terdiri dari 3 elemen HTML :

<html>
<body>
Ini adalah paragraf pertama saya
</body>
</html>

Penjelasan contoh diatas adalah :

Elemen :

Ini adalah paragraf pertama saya

Elemen mendefinisikan sebuah paragraf dalam HTML dokumen.

elemen ini memiliki tag awal dan tag akhir .

Isi elemen: Ini adalah paragraf pertama saya.

Elemen <body> :

<body>
 Ini adalah paragraf pertama saya
</body>

Unsur <body> mendefinisikan tubuh dokumen HTML.

elemen ini memiliki <body> tag awal dan tag akhir </ body>.

Isi elemen elemen lain HTML (elemen ap).

Elemen <html> :

<html>
<body>
 Ini adalah paragraf pertama saya
</body>
</html>

Unsur <html> mendefinisikan dokumen HTML secara keseluruhan.

Elemen ini memiliki <html> tag pembuka dan tag penutup </ html>.

Isi elemen terdapat elemen HTML lain (elemen tubuh).

Jangan Lupakan Tag Akhir.
Kebanyakan browser akan menampilkan HTML yang benar,dan jika Anda lupa tag penutup seperti berikut:

Paragrap teks …
Paragrap teks …

Browser tidak bias menampilkan HTML yang anda buat, sebab melupakan tag penutup akan mengakibatkan kerusakan yang tidak kita harapkan.

Elemen HTML Kosong
elemen HTML dengan tanpa konten disebut elemen kosong.
elemen kosong bisa ditutup pada tag awal.
Dalam XHTML, XML, dan HTML, semua elemen harus ditutup, dengan enambahkan garis miring pada tag mulai, seperti />.
 merupakan elemen kosong tanpa tag penutup (tag mendefinisikan spasi). <br, adalah cara yang tepat untuk menutup elemen kosong, diterima oleh HTML, XHTML dan XML.

Tip: Gunakan huruf kecil untuk menulis Tag

Mudah - mudahan penjelasan diatas bisa anda pahami ya...., selebihnya silahkan anda coba praktekkan dan anda otak - atik sendiri. Semakin sering dicoba akan semakin tahu lebih dan kekurangannya.
Semoga bermanfaat, dan Jangan lupa tinggalin komentarmu lho.....Terima kasih.

Judul: Elemen HTML; Ditulis oleh Unknown; Rating Blog: 5 dari 5