05 - Pengertian Tag, Elemen, Dan Atribut Pada Html
Setelah berhasil menjalankan file HTML pada web browser, dalam lanjutan tutorial mencar ilmu HTML dasar kali ini kita akan membahas apa yang dimaksud dengan Tag, Elemen, dan Attribut pada HTML. Ketiganya merupakan dasar dari HTML, dan dasar dari seluruh halaman web yang ada di Internet.
Pengertian Tag dalam HTML
Sebagai sebuah bahasa markup, HTML membutuhkan cara untuk memberitahu web browser untuk apa fungsi sebuah text. Apakah text itu ditulis sebagai sebuah paragraf, list, atau sebagai link? Dalam HTML, tanda ini dikenal dengan istilah tag.
Hampir semua tag di dalam HTML ditulis secara berpasangan, yakni tag pembuka dan tag penutup, dimana objek yang dikenai perintah tag berada di antara tag pembuka dan tag epilog ini. Objek disini sanggup berupa text, gambar, maupun video. Penulisan tag berada di antara dua kurung siku: “<” dan “>”.
Berikut ialah format dasar penulisan tag HTML:
<tag_pembuka>objek yang dikenai perintah tag</tag_penutup>
Sebagai contoh, perhatikan kode HTML berikut :
<p> Ini ialah sebuah paragraf </p>
<p> ialah tag pembuka, dalam pola ini p ialah tag untuk paragraf.
</p> ialah tag epilog paragraf. Perbedaannya dengan tag pembuka terletak dari tanda forward slash (/)
Jika lupa menawarkan epilog tag, umumnya browser akan “memaafkan” kesalahan ini dan tetap menampilkan alhasil seperti kita menuliskan tag penutup. Walaupun ini tampaknya memudahkan, tidak jarang malah bikin bingung.
Sebagai contoha lain, bila ingin menciptakan suatu text dalam sebuah paragraf yang di tulis tebal atau miring, di dalam HTML sanggup ditulis sebagai berikut:
Hasil dari kode HTML diatas, diterjemahkan oleh browser menjadi:
1 2 | <p>Ini ialah sebuah paragraf. <i>Hanya kumpulan beberapa kalimat</i>. Paragraf ini terdiri dari <b>3 kalimat</b></p>. |
“Ini ialah sebuah paragraf. Tidak lain dari kumpulan beberapa kalimat. Paragraf ini terdiri dari 3 kalimat.”
Tag <i> pada kode HTML diatas menawarkan perintah kepada browser untuk menampilkan text secara garis miring (i, abreviasi dari italic), dan tag <b> untuk menebalkan goresan pena (b, abreviasi dari bold).
Pengertian Element dalam HTML
Element ialah isi dari tag yang berada diantara tag pembuka dan tag penutup, termasuk tag itu sendiri dan atribut yang dimikinya (jika ada). Sebagai pola perhatikan kode HTML berikut:
1 | <p> Ini ialah sebuah paragraf </p> |
Pada pola diatas, “<p>Ini ialah sebuah paragraf</p>” merupakan element p.
Element tidak hanya berisi text, namun juga sanggup tag lain.
Contoh:
1 | <p> Ini ialah sebuah <em>paragraf</em> </p> |
Dari pola diatas,<p> Ini ialah sebuah <em>paragraf</em> </p> merupakan elemen p. Dalam pembahasan atau tutorial ihwal HTML, tidak jarang istilah “tag” dan “element” saling dipertukarkan.
Pengertian Atribut dalam HTML
Atribut ialah informasi embel-embel yang diberikan kepada tag. Informasi ini sanggup berupa kode untuk warna dari text, besar abjad dari text, dll. Setiap atribut mempunyai pasangan nama dan nilai (value), dan ditulis dengan name=”value”. Value diapit tanda kutip, boleh memakai tanda kutip satu (‘) atau dua (“).
Contoh kode HTML:
1 | <a href="http://www.duniailkom.com">ini ialah sebuah link</a> |
Pada kode HTML diatas, href=”http://www.duniailkom.com” ialah atribut. href merupakan nama dari atribut, dan http://www.duniailkom.com ialah value atau nilai dari atribut tersebut.
Tidak semua tag membutuhkan atribut, tapi anda akan sering melihat sebuah tag dengan atribut, terutama atribut id dan class yang sering dipakai untuk manipulasi halaman web memakai CSS maupun JavaScript.
HTML mempunyai banyak atribut yang beberapa diantaranya hanya cocok untuk tag tertentu saja. Sebagai contoh, atribut “href” diatas hanya dipakai untuk tag <a> saja (dan beberapa tag lain). Penjelasan ihwal tujuan dan pengertian dari atribut menyerupai href ini akan kita bahas pada tutorial-tutorial selanjutnya.
Pada tutorial kali ini, kita telah mempelajari salah satu aspek terpenting di dalam HTML, yakni Pengertian Tag, Elemen, dan Atribut pada HTML. Dalam tutorial HTML dasar selanjutnya, kita akan mempelajari ihwal "Struktur Dasar Halaman HTML"
Dosen Desain Web 1 | Muqorobin, S.Kom
