Kamis, 07 Juli 2011

Element HTML

Dokumen HTML di definisikan oleh element element HTML.

Element HTML  adalah semua dari tag awal hingga tag akhir


Tag awal *
Kandungan unsur
tag akhir *
<p>
Ini adalah paragraf
</ p>
<a href="default.htm">
Ini adalah sebuah link
</ a>
<br />



*Tag awal biasa di sebut tag pembuka dan tag akhir adalah tag penutup.

Element HTML Syntax
  • Element HTML di mulai dengan tag awal /tag pembuka
  • Element HTML di akhiri dengan tag akhir/tag penutup
  • Isi element adalah semuanya dari tag awal hingga tag akhir
  • Beberapa tag HTML memiliki konten kosong
  • Kebanyakan HTML memiliki atrribut

Contoh Dokumen HTML


<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>


*Contoh diatas mengandung 3 element HTML

Penjelasan contoh

Unsur <p> :

<p>This is my first paragraph.</p>

Elemen <p> mendefinisikan sebuah paragraph dalam dokument HTML
Element ini memiliki tag pembuka <p> dan tag penutup </p>
Isi element ini adalah :This is my paragraph.

Unsur <body> :


<body>
<p>This is my first paragraph.</p> 
</body>


Unsur <body>mendefinisikan tubuh dokument HTML
Element ini memiliki tag awal <body>dan tag akhir </body>

Unsur <html> :


<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

Unsur <html>mendefinisikan dokument HTML secara keseluruhan.
Element ini memiliki tag awal <html> dan tag akhir </html>

* Jangan lupakan tag penutup
Beberapa element HTML mungkin akan muncul benar meskipun anda lupa dengan tag penutup

<p>This is a paragraph
<p>This is a paragraph

contoh diatas hampir bekerja di semua browser,karena tag penutup dianggap opsional

Jangan bergantung pada ini,banyak element HTML akan menghasilkan hasil yang tidak kita harapkan/kesalahan jika anda lupa dengan tag akhir (penutup).

Element HTML Kosong

Element HTML tanpa konten di sebut empty element
<br>merupakan element kosong tanpa tag penutup (tag <br> mendefinisikan istirahat baris/baris baru)

Tips HTML :
  • Dalam XHTML semua element harus ditutup
  • Menambahkan garis miring /><br>,adalah cara yang tepat untuk menutup HTML kosong
  • Gunakan huruf kecil karena W3C (World Wide Web Consortium)merekomendasikan huruf kecil dalam HTML 4,dan tuntunan huruf kecil dalam XHTML.
untuk lebih lengkapnya klik disini

2 komentar:

  1. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  2. Komentar ini telah dihapus oleh administrator blog.

    BalasHapus