Pengertian istilah TAG, ATRIBUT dan VALUE dalam HTML

Mungkin istilah TAG, ATRIBUT dan VALUE dalam HTML agak terlupakan, karena kebanyakan teman-teman yang sedang belajar membuat web sekarang lebih dimanjakan oleh editor web visual yang sangat praktis dan instan. Berikut ini saya coba mengingatkan kembali tentang 3 istilah dasar tersebut agar pemahaman serta penggunaan HTML lebih mudah.

Sekarang mungkin sudah kurang trend lagi jika belajar membuat web harus menghafal perintah-perintah HTML yang lumayan banyak, lebih menyulitkan lagi perintah tersebut tidak dalam bahasa lokal sehingga sulit diingat secara detail ejaanya. Saya pribadi kadang juga kesulitan jika menuliskan kode html, apalagi dengan ejaan yang agak sulit di ucapkan seperti height yang kadang tertulis terbalik hurufnya menjadi heigth, atau width yang kadang tertulis widht dan perintah lainya.

Saya iseng melakukan searching di google dengan menggunakan 2 kunci berbeda, yaitu : daftar perintah HTML dan daftar TAG HTML, dan jumlah pencarianya lumayan signifikan yaitu :

daftar perintah HTML
About 4,470,000 results

daftar TAG HTML
About 1,080,000 results

Yang artinya, banyak informasi tentang HTML lebih dikaitkan dengan kata perintah ketimbang tag. Dari situ saya menyimpulkan bahwa orang yang belajar HTML lebih familiar dengan kata perintah ketimbang tag. Bener atau tidak buktikan sendiri dengan menanyai teman disamping anda.

TAG

Adalah penandaan yang dikenali oleh browser sebagai suatu instruksi untuk memformat tulisan, gambar, link, tabel, atau objek pada sebuah tampilan dokumen HTML.

TAG biasanya dituliskan berpasangan, yang maksudnya adalah memberitahukan kepada browser dimana posisi awal dan posisi akhir sebuah format dokumen.

Contoh penggunaan TAG yang sering digunakan :

Tag HTML	Fungsi
<font></font>	Mengubah jenis, warna, ukuran tulisan
<b></b> atau <strong></strong>	Teks tebal
<i> </i> atau <em></em>	Teks miring
<u> </u>	Teks garis bawah
<pre></pre>	Preformatted teks
<h1></h1>	Heading 1
<h2></h2>	Heading 2
<h3> </h3>	Heading 3
<sub></sub>	Subscript
<sup></sup>	Superscript
<ol><li></li></ol>	Penomoran
<ul><li></li></ul>	Bullet
<marquee></marquee>	Teks Berjalan

Banyak lagi TAG lainya.

Apakah ada TAG yang tidak berpasangan? Jawabanya ADA. Apa Saja?

Tag HTML	Fungsi
<br />	Berpindah baris
<hr />	Membuat garis horizontal
<img ... />	Memasukkan gambar
<meta .../>	Menyisipkan informasi halaman

Mungkin ada yang lainya..

ATRIBUT

Atribut dalam HTML adalah perintah yang disisipkan/ditempelkan pada TAG utama yang tujuanya adalah mengatur bentuk/gaya tampilan sebuah objek. Contoh penggunaan atribut yang ditempelkan pada H1 :

<h1 align="center">Saya Belajar Tag HTML</h1>

Anda lihat diatas, kita membuat tulisan dengan tampilan heading 1 (judul) dan kemudian ditempelkan atribut align yang fungsinya mengatur letak horizontal di layar.

Sebuah TAG boleh menggunakan lebih dari 1 atribut yang relevan. Contoh :

<font size="3" face="arial" color="red">Merdeka atau Mati</font>

Contoh TAG font diatas menggunakan atribut size (ukuran) dan face(jenis huruf) dan color(warna tulisan).

Yang saya maksud relevan adalah, sebuah TAG tidak bisa diberikan atribut diluar kemampuanya. Contoh : TAG font tidak bisa ditempelkan atribut align, karena : font adalah bentuk huruf bukan format tulisan, sebaliknya seperti itu, h1 tidak bisa diberi atribut face karena h1 adalah format tulisan bukan bentuk huruf. Trus bagaimana jika ingin menggabung keduanya?? Biasanya dituliskan dengan cara :

<h1><font face="arial">Saya belajar Tag</font></h1>

VALUE

Value adalah nilai yang diberikan pada sebuah atribut. Value ada beberapa jenis, bisa value text seperti left, right, center, red, blue, bisa juga angka 1, 2, 3, bisa juga bentuk pixel : 100, 200, atau bentuk persen 100%, 30%, ada juga yang bentuk hexa seperti warna yang ditulis color="#000" dll.

Untuk value juga harus relevan, tidak bisa sembarangan. Contoh : align (ini untuk mengatur posisi) tidak boleh ditulis align="1" atau sebaliknya size="center".

Catatan :

Jika kita mengikuti perkembangan TAG HTML memang kadang sedikit membingungkan apalagi sekarang perbendaharaan TAG sudah bertambah dengan hadirnya HTML5, ditambah lagi dengan dukungan CSS. Tapi TAG-TAG yang lama masih berlaku dengan baik, walaupun dari segi penulisan sudah tidak efisien lagi karena sekarang sudah digantikan dengan penggunaan CSS yang bisa lebih mudah dan sempurna.

Semoga bermanfaat, and keep learning...

Zainal Hakim

** Bebas disunting dengan menyebutkan sumber **