BLANTERORIONv101

Dasar HTML Part 3 : Tag dan Element HTML

16 Juni 2022
Tag dan Element HTML

Syntax Element HTML

Elemen HTML merupakan koponen individual dari dokumen HTML. Ini mewakili sematik atau makna. Contoh : title elemen yang mewakili judul dokumen.

Pada sebagian besar elemen HTML ditulis dengan tag awal (tag pembuka) dan tag akhir (tag penutup), dengan konten konten di antaranya. Elemen juga dapat berisi atribut yang mendefenisikan prooerti tambahan. Contoh : sebuah paragraf yang diwakili oleh tag p.

html-element
Gambar 1. Element HTML
Catatan : Semua element tidak memerlukan tag akhir atau tag penutup. Ini sebut sebagai element kosong atau element yang menutup sendiri.

Tag HTML Vs Element

Secara teknis, element HTML adalah kumpulan tag awal, attribute, tag akhir dan semua yang ada di antaranya. Bisa dip pahami bahwa tag HTML (pembukaan ataupun penutup) digunakan untuk menandai awal dan akhir element, seperti contoh pada gambar 1 di atas.

Namun, dalam penggunaan umum. Istilah element HTML dan tag HTML dapat di tukarkan seperti tag adalah element dan element adalah tag. Istilah tag dan element di gunakan untuk arti yang sama demi kesederhanaan situs web dan mendefenisikan sesuatu di halaman web.

Ketidakpeaan Huruf Besar dalam Tag & Attribute HTML

Dalam HTML, tag dan nama atribut tidak peka terhadap huruf besar atau kecil. Yang artinya tag <P> dan tag <p> mendefinisikan hal yang sama dalam HTML.

Namun dalam XHTML peka terhadap huruf besar atau kecil dan tag <P> berbeda dari tag <p>
<p>Ini adalah sebuah paragraf.</p>
<P>Ini juga merupakan paragraf yang valid.</P>

Tips : Saya menyarankan untuk Anda menggunakan huruf kecil dalam menulis tag dan nama attribute dalam HTML.

Element HTML Kosong

Element kosong bukan tag penampung contohnya seperti :
<hr>konten</hr> atau <br>konten</br>.

Element kosong itu seperti contohnya <br> element yang mewakili jeda baris. Beberapa element kosong lainnya seperti <img>, <input>, <meta>, <hr> dan lain-lainnya.
<img src="gambar/langit.jpg" alt="Langit Biru">
<input type="text" nama="name">

Masih banyak penjelasan dan tentang HTML yang mungkin anda butuhkan untuk belajar lebih dalam mengenai HTML. Oleh karena itu simaklah tutorial dan atikel selanjutnya tentang HTML.

Komentar