Pemrograman

Bahasa

Framework

Peralatan

Info

Apa yang dimaksud tag, elemen, dan atribut dalam HTML?

– 01 January 2016

Tag, elemen, dan atribut, marupakan tiga hal dasar yang harus anda pahami saat belajar HTML. Karena tiga hal dasar tersebut yang membentuk dokumen HTML. Mari kita bahas, satu persatu.

Apa itu tag?

Tag, bisa kita katakan sebagai 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>, dsb. Sedangkan tag pembuka tidak memiliki garis miring. Jadi, pasangan tag pembuka dan tag penutup akan membentuk suatu elemen.
enter image description here

Jangan lupa untuk selalu menutup tag HTML. Meskipun ada juga tag HTML yang tidak memiliki pasangan seperti <hr>, <br>, <img>, <link>, <input> dsb. Namun, kita bisa menutupnya dengan menambahkan garis miring setelah nama tag, contoh: <hr/>, <br/>, <img/>, <link/>, dsb. Walaupun tampa garis miring, tag tersebut tetap valid, tapi tidak dalam XHTML (XML + HTML).

Apa itu elemen?

Kode HTML dari tag pembuka sampai dengan tag penutup, disebut satu elemen. Elemen HTML dapat dibuat bersarang (nested). Artinya, elemen dapat berada di dalam elemen. Contoh:
<head>
    <title>Petani Kode</title>
</head>
 Pada contoh di atas, elemen title berada di dalam elemen head. Elemen yang tidak dapat dibuat bersarang adalah elemen yang tidak memiliki tag penutup. Karena elemen yang tidak memiliki pasangan penutup tidak bisa menjadi induk elemen yang lainnya.

Bila elemen digambarkan dalam bentuk persegi, maka akan terlihat seperti gambar berikut ini:
Struktur elemen HTML bersarang

Apa itu atribut?

Atribut adalah bagian dari elemen yang melengkapi elemen tersebut. Bila diibaratkan seperti seragam sekolah, atributnya adalah dasi, ikat pinggang, topi, papan nama, dan sebagainya. Atribut tersebut memiliki ciri-ciri atau nilai. Misalnya, ikat pinggang berwarna hitam, dasi berwarna biru, warna seragam putih, dan sebagainya. Begitu juga dengan atribut di HTML. Atribut dapat kita buat dalam elemen manapun. Letak penulisan atribut berada di dalam tag pembuka. Format penulisannya nama-atribut="nilainya". Nilai atribut dapat anda apit dengan petik ganda maupun tunggal. Contoh:
<a href='http://petanikode.com'>Petanikode.com</a>
Pada contoh di atas, terdapat atribut href. Atribut href berfungsi untuk menentukan alamat link pada elemen a (hyperlink).

Kesimpulan

Tag merupakan penanda yang menandakan awalan dan akhiran sebuah elemen HTML. Atribut merupakan pelengkap sebuah elemen. Tag, elemen, dan atribut merupakan tiga unsur yang membentuk dokumen HTML.

---
Bagiamana menurutmu? Ada tambahan?