Apa itu tag pada HTML ? Tag HTML adalah istilah lain dari elemen HTML. Setiap elemen HTML selalu didahului oleh tag pembuka disusul dengan konten atau isi dan diakhiri oleh tag penutup.
<nama tag> Konten </nama tag>
Contoh di atas adalah format baku tag atau elemen HTML.
<h1>My First Heading</h1>
<p>My first paragraph.</p>Beberapa tag tidak mempunyai konten, sebagai contoh tag <br>. Tag ini disebut tag kosong. Tag kosong ini tidak mempunyai tag penutup.
Penjelasan HTML Elemen Di Wikipedia
Tag Di Dalam Tag
Suatu tag dapat berisi tag lain. Dalam banyak kasus pada penulisan dokumen HTML justu biasanya suatu tag akan berada di dalam tag lain, atau biasa disebut dengan Nested Tag. Sebagai contoh perhatikan dokumen HTML di bawah ini.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html> Dalam contoh di atas hanya tag html yang tidak berada di dalam tag lain. Tag html adalah induk dari semua tag lain. Semua tag lain pasti berada di dalam tag html. Tag html dibuka dengan tag pembuka <html> dan ditutup dengan tag penutup </html>.
Di dalam tag html terdapat tag body. Tag body adalah tag yang akan ditampilkan secara visual pada web browser. Tag body dibuka dengan tag pembuka <body> dan ditutup dengan tag penutup </body>.
Di dalam tag body terdapat dua tag. Tag pertama yaitu tag heading h1. Tag kedua yaitu tag paragraf p. Heading h1 dibuka dengan tag pembuka <h1> dan ditutup dengan tag penutup </h1>. Paragraf dibuka dengan tag pembuka <p> dan ditutup dengan tag penutup </p>.
Jangan Pernah Lupa Tag Penutup
Jangan pernah lupa untuk menuliskan tag penutup bagi setiap elemen HTML. Apabila tag penutup hilang maka terdapat kemungkinan elemen tersebut tidak ditampilkan dengan benar. Sebagai contoh.
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html> Tag p seperti contoh di atas tidak ditutup dengan tag penutup </p>, sehingga ada kemungkinan ditampilkan secara tidak benar.
Tag Kosong
Beberapa tag atau elemen HTML tidak mempunyai konten dan tag penutup. Tag ini biasa disebut tag kosong. Sebagai contoh adalah tag br.
<p>This is a <br> paragraph with a line break.</p> HTML Tidak Case Sensitive
Penulisan tag atau elemen di dalam dokumen HTML tidak bersifat case sensitive, sehingga penulisan dengan huruf besar ataupun huruf kecil menghasilkan tampilan yang sama pada browser.
<P>This is a <br> paragraph with a line break.</P>
<p>This is a <br> paragraph with a line break.</p> Contoh di atas akan menghasilkan dua paragraf yang sama walaupun satunya ditulis dengan tag pembuka dan penutup <P></P> dan yang lain ditulis dengan tag pembuka dan penutup <p></p>.
Tutorial sebelumnya : Contoh Coding HTML Website
Tutorial setelahnya : Cara Membuat Heading Di HTML
Semua Tutorial HTML : Tutorial HTML