Setelah berhasil menjalankan file HTML pada web browser, di lanjutan panduan belajar HTML mendasar kali ini kita akan membahas apa yang dimaksud dengan Tag, Elemen, dan Atribut pada HTML. Ketiganya yaitu mendasar dari HTML dan mendasar dari seluruh halaman web yang terdapat di Internet.
Pengertian Tag di HTML
Selaku sebuah bahasa markup, HTML membutuhkan cara untuk memberitahu web browser untuk apa guna sebuah text. Apakah text itu ditulis selaku sebuah paragraf, list, atau selaku link. Di HTML, tanda ini dikenal dengan istilah tag.
Hampir semua tag di di HTML ditulis secara berpasangan, yakni tag pembuka dan tag penutup, dimana objek yang dikenai command tag berada di antara tag pembuka dan tag penutup. Objek disini dapat berupa text, gambar, maupun video. Penulisan tag berada di antara dua kurung siku: “<” dan “>”.
Berikut yaitu format mendasar penulisan tag HTML:
1 |
<tag_pembuka>objek yang dikenai command tag</tag_penutup> |
Selaku contoh, perhatikan kode HTML berikut :
1 |
<p> Ini yaitu sebuah paragraf </p> |
- <p> yaitu tag pembuka, di contoh ini p yaitu tag untuk paragraf.
- </p> yaitu tag penutup paragraf. Perbedaannya dengan tag pembuka terletak dari tanda forward slash (/)
Kalau lupa memberikan penutup tag, umumnya browser akan “memaafkan” kesalahan ini dan tetap menampilkan hasilnya seolah-olah kita menuliskan tag penutup. Walaupun ini sepertinya mempermudah, tak jarang malah bikin bingung.
Selaku contoh lain, sekiranya ingin mendesain suatu text di sebuah paragraf yang di tulis tebal atau miring, di di HTML dapat ditulis selaku berikut:
1 |
<p>Ini yaitu sebuah paragraf. <i>Hanya kumpulan beberapa kalimat</i>. <br/>Paragraf ini terdiri dari <b>3 kalimat</b></p>. |
Hasil dari kode HTML diatas, diterjemahkan oleh browser menjadi:
“Ini yaitu sebuah paragraf. Tak lain dari kumpulan beberapa kalimat. Paragraf ini terdiri dari 3 kalimat.”
Tag <i> di kode HTML diatas memberikan command kepada browser untuk menampilkan text secara garis miring (i, singkatan dari italic), dan tag <b> untuk menebalkan tulisan (b, singkatan dari bold).
Di HTML5, aturan ini kembali tak diharuskan. Akan tetapi kebiasaan web programmer dikala ini yaitu menggunakan huruf kecil untuk seluruh tag.
Pengertian Element di HTML
Element yaitu isi dari tag yang berada diantara tag pembuka dan tag penutup, termasuk tag itu sendiri dan atribut yang dimilikinya (sekiranya ada). Selaku contoh perhatikan kode HTML berikut:
1 |
<p> Ini yaitu sebuah paragraf </p> |
Di contoh diatas, “<p>Ini yaitu sebuah paragraf</p>” yaitu element p.
Element tak hanya berisi text, namun pun dapat tag lain.
Contoh:
1 |
<p> Ini yaitu sebuah <em>paragraf</em> </p> |
Dari contoh diatas,<p> Ini yaitu sebuah <em>paragraf</em> </p> yaitu faktor p. Di pembahasan atau panduan mengenai HTML, tak jarang istilah “tag” dan “element” saling dipertukarkan.
Pengertian Atribut di HTML
Atribut yaitu informasi tambahan yang diberikan kepada tag. Informasi ini dapat berupa instruksi untuk warna dari text, besar huruf dari text, dll. Setiap atribut mempunyai pasangan nama dan nilai (value) yang ditulis dengan name=”value”. Value diapit tanda kutip, boleh menggunakan tanda kutip satu (‘) atau dua (“).
Contoh kode HTML:
1 |
<a href=http://www.duniailkom.com>ini yaitu sebuah link</a> |
Di kode HTML diatas, href=”http://www.duniailkom.com” yaitu atribut. href yaitu nama dari atribut, dan http://www.duniailkom.com yaitu value atau nilai dari atribut tersebut.
Tak semua tag membutuhkan atribut, tapi kamu akan sering melihat sebuah tag dengan atribut, terutama atribut id dan class yang sering digunakan untuk manipulasi halaman web menggunakan CSS maupun JavaScript.
HTML mempunyai banyak atribut yang beberapa diantaranya hanya cocok untuk tag tertentu saja. Selaku contoh, atribut “href” diatas hanya digunakan untuk tag <a> saja (dan beberapa tag lain). Penjelasan mengenai tujuan dan pengertian dari atribut seperti href ini akan kita bahas di tutorial-tutorial berikutnya.
Di panduan kali ini, kita telah mempelajari diantara aspek terpenting di di HTML, yakni Pengertian Tag, Elemen, dan Atribut pada HTML. Di panduan HTML mendasar berikutnya, kita akan mempelajari mengenai Struktur Dasar
Halaman HTML.
eBook HTML Uncover Duniailkom

Sumber https://www.duniailkom.com/