Apa yang dimaksud dengan Tag, elemen dan atribut pada HTML

Apa yang dimaksud dengan Tag, elemen dan atribut pada HTML

Apa itu Tag pada HTML?

Tag adalah sebuah penanda. Penanda awalan dan akhiran sebuah elemen. Tag diapit dengan kurung siku (<…> ). Contoh: <p></a><body><head>, dan sebagainya. Tag HTML terdiri dari tag pembuka dan tag penutup. Tag penutup, cirinya ada garis miring didepan nama tag. contoh: </p></i></div>, dan sebagainya. Sedangkan tag pembuka tidak memiliki garis miring. Jadi, pasangan tag pembuka dan tag penutup akan membentuk suatu elemen.

Ada juga tag HTML yang tidak memiliki pasangan contohnya seperti <hr><br><img><link><input> dan masih banyak lagi. Namun, kita bisa menutupnya dengan menambahkan garis miring setelah nama tag, contoh: <hr/><br/><img/><link/>. Walaupun tanpa garis miring, tag tersebut tetap valid, tapi tidak dalam XHTML (XML + HTML).

Apa itu Elemen?

Kode HTML dari tag pembuka sampai tag penutup, disebut satu elemen. Elemen HTML dapat dibuat bersarang (nested). Artinya, elemen dapat berada di dalam elemen. Contoh:
 

<head>
    <title>Generasi Bisa</title>
</head>

 Pada contoh di atas, Elemen title berada di dalam elemen head. Elemen yang tidak dapat dibuat bersarang yaitu elemen yang tidak memiliki tag penutup. Karena elemen yang tidak memiliki pasangan penutup tidak bisa menjadi induk elemen yang lainnya.

Apa itu Atribut?

Atribut adalah bagian dari elemen yang melengkapi elemen tersebut. Jika kita ibaratkan seperti seragam sekolah, atributnya adalah dasi, ikat pinggang, topi, dan sebagainya.

Atribut tersebut memiliki ciri-ciri atau nilai. Misalnya, ikat pinggang berwarna hitam, dasi berwarna merah, warna seragam putih, dan sebagainya. Begitu juga dengan atribut HTML. Atribut dapat kita buat dalam elemen manapun. Letak penulisan atribut berada di dalam tag pembuka. Format penulisannya name=”value”.  Value diapit tanda kutip, boleh menggunakan tanda kutip satu (‘) atau dua (“).

Contoh: <a href=" https://generasibisa.com/">Ini sebuah link</a>

Pada contoh kode HTML diatas, href=” https://generasibisa.com/” adalah atribut. href merupakan nama dari atribut, dan https://generasibisa.com/ adalah value atau nilai dari atribut tersebut.

HTML memiliki banyak sekali atribut yang beberapa diantaranya hanya cocok untuk tag tertentu saja. Sebagai contoh, atribut “href” diatas hanya digunakan untuk tag <a>.

Download Tutorial