Dokumen HTML didefinisikan oleh element HTML (HTML Elemen).
Sebuah elemen HTML terdiri dari tag pembuka, isi dan tag penutup :
Tag awal * | Isi / Konten element | tag akhir * |
---|---|---|
<p> | Ini adalah paragraf | </p> |
<a href=”index.htm” > | Ini adalah link | </a> |
<br /> |
* Tag awal sering disebut tag pembuka. Tag akhir sering disebut tag penutup.
Sintaks Element HTML
- Sebuah element HTML dimulai dengan tag awal / tag pembuka
- Element HTML selalu diakhiri dengan tag akhir / tag penutup
- Isi/konten elemen terletak diantara tag awal dan tag akhir
- Beberapa element HTML tidak memiliki isi
- Elemen yang tidak memiliki isi ditutup pada tag awal
- Sebagian besar elemen HTML memiliki atribut
Contoh Dokumen HTML
<body>
<p>Ini adalah paragraf.</p>
</body>
</html>
Penjelasan
Contoh di atas berisi 3 element HTML.
Element <p>
Element <p> mendefinisikan sebuah paragraf dalam dokumen HTML.
Element ini memiliki tag awal <p> dan tag akhir </ p>.
Isi element adalah : Ini adalah paragraf.
Element <body>
<p>Ini adalah paragraf.</p>
</body>
Element <body> mendefinisikan tubuh dokumen HTML.
Element ini memiliki tag awal <body> dan tag penutup </ body>.
Isi element adalah element <p>
Element <html>
<body>
<p>Ini adalah paragraf.</p>
</body>
</html>
Element <html> mendefinisikan dokumen HTML secara keseluruhan.
Element ini memiliki tag awal <html> dan tag akhir </html>.
Isi element adalah element <body>.
Jangan Lupa Tag Penutup
Beberapa element HTML mungkin akan muncul dengan benar di browser jika Anda lupa memberikan tag penutup :
<p>Ini adalah paragraf
Contoh di atas bekerja di hampir semua browser, karena tag penutup dianggap optional.
Banyak element HTML akan menghasilkan hasil yang tidak diharapkan / error jika Anda lupa memberikan tag penutup. Jadi, sangat disarankan bagi Anda untuk selalu memberikan tag penutup pada element HTML.
Tips HTML
Tag HTML tidak case sensitif : <P> berarti sama dengan <p>. Banyak situs web menggunakan tag HTML dengan huruf besar.
Namun World Wide Web Consortium (W3C) merekomendasikan untuk menuliskan tag dengan huruf kecil dalam HTML 4 dan XHTML.