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 yaitu format dasar penulisan tag HTML:
<tag_pembuka>objek yang dikenai perintah tag</tag_penutup> Sebagai contoh, perhatikan kode HTML berikut :
<p> Ini yaitu sebuah paragraf </p>
<p> yaitu tag pembuka, dalam rujukan ini p yaitu tag yang berfungsi untuk paragraf.
</p> yaitu tag epilog paragraf. Perbedaannya dengan tag pembuka terletak dari tanda backslash(/)
Jika kita lupa menunjukkan epilog tag, umumnya browser akan “memaafkan” hal ini dan tetap menampilkan kesannya seakan-akan kita menuliskan tag penutup. Walaupun hal ini memudahkan kita, namun tidak disarankan.
Contohnya lainnya, bila kita ingin menciptakan suatu text dalam sebuah paragraf di tulis tebal atau miring, di dalamHTML sanggup ditulis sebagai berikut :
<p>Ini yaitu sebuah paragraf. <i>Hanya kumpulan beberapa kalimat</i>.Paragraf ini terdiri dari <b>3 kalimat</b></p>.
Hasil dari kode HTML diatas, jiaka dijalankan pada browser menjadi :
“Ini yaitu sebuah paragraf. Tidak lain dari kumpulan beberapa kalimat. Paragraf ini terdiri dari 3 kalimat.” Tag <i> pada kode HTML diatas menunjukkan perintah kepada browser untuk menampilkan text secara garis miring (i, akronim dari italic), dan tag <b> untuk menebalkan goresan pena (b, akronim dari bold).
Dari rujukan dan klarifikasi di atas ada beberapa hal yang harus teman-teman mengerti diantara nya. Terdapat pengecualian beberapa tag yang tidak berpasangan, menyerupai <br> untuk break (pindah baris) atau <hr> untuk horizontal line (garis horizontal). Tag ini dikenal juga dengan sebutan self closing tag atau void tag, untuk penulisannya sanggup ditulis dengan <br>, maupun <br />.
HTML tidak case-sensitif, dalam artian penulisan <p> dianggap sama dengan <P>. Pada awal kemunculan HTML, programmer web umumnya memakai aksara besar untuk seluruh tag semoga membedakan dengan text yang berupa isi dari web. Namun varian HTML, xHTML mewajibkan aksara kecil untuk semua tag.Dalam HTML5, hukum ini kembali tidak diharuskan. Akan tetapi kebiasaan web programmer ketika ini yaitu memakai aksara kecil untuk seluruh tag.
Pengertian Element dalam HTML
Element yaitu isi dari tag yang berada diantara tag pembuka dan tag epilog (termasuk tag itu sendiri). Sebagai rujukan perhatikan kode HTML berikut:
<p> Ini yaitu sebuah paragraf </p>
Pada rujukan diatas,
“<p>Ini yaitu sebuah paragraf</p>” merupakan element p. Element tidak hanya berisi text, namun juga sanggup tag lain. Contoh:
<p> Ini yaitu sebuah <em>paragraf</em></p>
Dari rujukan diatas,<p> Ini yaitu sebuah <em>paragraf</em></p> merupakan elemen p.
Pengertian Atribut dalam HTML
Atribut yaitu informasi aksesori yang diberikan kepada tag. Informasi ini sanggup berupa kode untuk warna dari text, besar aksara dari text, dll. Setiap atribut mempunyai pasangan nama dan nilai (value), dan ditulis denganname=”value”. Value diapit tanda kutip, boleh memakai tanda kutip satu (‘) atau dua (“).
Contoh kode HTML:
<ahref="http://pointwebsite.blogspot.co.id/">ini yaitu sebuah link</a>
Pada kode HTML diatas, href=”http://www.duniailkom.com” yaitu atribut. href merupakan nama dari atribut, dan http://www.duniailkom.com yaitu value atau nilai dari atribut tersebut.
Tidak semua tag membutuhkan atribut, tapi anda akan sering melihat sebuah tag dengan atribut, terutama atributid 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 perihal tujuan dan pengertian dari atribut menyerupai href ini akan kita bahas pada tutorial-tutorial selanjutnya.
No comments:
Post a Comment