Belajar Dasar HTML 3 - Mengenal Tag, Element, Atribut HTML

Tag, element, dan atribut merupakan konsep dasar yang perlu dipahami dalam HTML. Tag digunakan untuk menandai atau memulai dan mengakhiri suatu bagian dari konten pada halaman web, sedangkan element merupakan keseluruhan dari tag pembuka, konten, dan tag penutup. Pada artikel ini, kita akan membahas lebih lanjut mengenai konsep dasar HTML tersebut.


Tag

Tag adalah kode yang digunakan untuk menandai atau memulai dan mengakhiri suatu bagian dari konten pada halaman web. Tag ditulis dalam tanda kurung siku, seperti <tag>. Terdapat dua jenis tag, yaitu tag pembuka dan tag penutup. Tag pembuka ditulis menggunakan format <tag>, sedangkan tag penutup ditulis menggunakan format </tag>. Beberapa contoh tag yang umum digunakan pada HTML adalah <html>, <head>, <title>, <body>, <h1>, <p>, <img>, dan <a>.

Contoh penggunaan tag pada HTML:

Ada banyak tag yang umum digunakan pada HTML, di antaranya adalah:



 Element

Element adalah keseluruhan dari tag pembuka, konten, dan tag penutup. Contoh elemen adalah <p>Ini adalah contoh elemen</p>. Pada contoh tersebut, <p> adalah tag pembuka, Ini adalah contoh elemen adalah konten atau isi elemen, dan </p> adalah tag penutup.


Atribut

Atribut adalah informasi tambahan yang diberikan pada tag untuk memberikan instruksi pada browser atau memberikan nilai pada tag. Atribut ditulis dalam tanda kutip setelah tag, seperti <tag atribut="nilai">. Beberapa atribut yang umum digunakan pada HTML adalah id, class, src, href, dan alt.

Contoh penggunaan atribut pada HTML:

Dalam contoh di atas, tag <h1> memiliki atribut id dengan nilai judul, sedangkan tag <p> memiliki atribut class dengan nilai konten. Atribut target="_blank" pada tag <a> digunakan untuk membuka link pada tab baru.