Tutorial HTML: Tag, Elemen dan Atribut dalam HTML

Tag, elemen dan atribut adalah tiga hal mendasar saat kita mulai mempelajari HTML. Ketiga hal ini akan sangat mendukung pembentukan halaman website nantinya. Tapi, bagi anda yang sama sekali baru di HTML, silahkan pahami dulu apa itu HTML.

Apa sih Tag itu?

Pada dokumen HTML, tag ini ditulis secara berpasagan. Dalam artian tag teriri dari tag pembuka dan tag penutup. Tapi, ada juga beberapa tag yang tidak memakai penutup, alias berdiri sendiri.

Untuk penulisan, tag ditulis dengan diapit kurung siku (<tagpembuka>) untuk pembuka dan kurung siku dan slash (</tagpeutup>) untuk penutup. Contoh, <html></html>, <h1></h1>, <a></a> dan lain-lain.

Dan untuk tag yang berdiri sendiri, biasanya ditulis tanpa tag penutup. Tapi, untuk format XML ini dianggap tidak valid, maka kita berikan tanda “/” di akhiran tag pembuka. Contoh <img />, <br />, <link /> dan sebagainya.

Lalu, apa itu Elemen ?

Element, merupakan suatu area yang berada didalam tag, baik teks biasa atapun kode-kode HTML. Contoh,

<body>
 <h1>Belajar HTML</h1>
 <p>Itu sangat mengasikkan...</p>
</body>

Kita perhatikan kode diatas, kita punya <body>, dan <h1> serta <p> didalamnya. Nah, <h1> dan <p> ini kemudian masuk dalam elemen dari <body>.

Selain elemen body, ada juga elemen h1 dan elemen p. Hal ini yang kemudian disebut elemen bersarang (nested), atau elemen didalam elemen.

Lalu, bagaimana dengan elemen yang tidak mempunya tag penutup? Apakah mereka juga bisa dibuat bersarang? Tentu tidak, karena mereka tidak bisa dijadikan parent atau induk untuk elemen lain.

Dan, apa itu Atribut ?

Seperti namanya “atribut”, bisa dikatakan hanya sebagai pelengkap. Biasa nya atribut disisipkan pada tag untuk melengkapi suatu elemen.

Atribut disusun atas dua aturan, yaitu nama dan nilai. Nama kita sebagai nama atribut dan nilai sebagai isian dari nama atribut. Dan diposisikan pada tag pembuka

Untuk format penulisan atribut, yaitu nama-atribut=”nilai-atribut”. Untuk nila atribut bisa diapit petik tunggal maupun petik ganda. Dan diposisikan pada tag pembuka.

<img src="my-image.jpg">

Perhatikan, pada <img> kita temukan nama atribut “src”, dan nilai atributnya “my-image.jpg”. Maka, atribut ini akan dibaca oleh browser, kemudian proses dan menampilkan sebuah gambar dihalman web.

Kesimpulan

Tag, elemen dan atribut menjadi hal dasar dalam pembanguna sebuah website. Ketiga hal ini memiliki fungsi masing-masing. Tag sebagai penanda yang berpasangan, pembuka dan penutup sebuah elemen dan dilengkapi dengan atribut pada tag pembukanya.

Azhari Sikumbang

Tulis dan bicarakan, agar lebih berguna. (Github | Linked in)
~ azhari@coretanit.com