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 **

Komentar

Halaman Lainya

  • Perbedaan form method POST dan GET
    Bagi anda yang sudah terbiasa membuat form dalam HTML pasti sudah sering melihat kode yang tersusun dalam sebuah form, termasuk atribut form yang digunakan. Salah satu atribut yang digunakan dalam form adalah method. Atribut method bisa diberi nilai dengan POST atau GET.
  • Contoh penggunaan HTML5
    Pada tulisan sebelumnya, saya sudah mengenalkan sedikit tentang HTML5 yang meluputi fitur-fitur terbaru serta unggulan yang sudah disediakan dan bisa digunakan asalkan browsernya sudah mendukung. Berikut ini saya akan membuatkan beberapa contoh tag cara penulisan dan penggunaan HTML5.
  • Mengatur urutan pengisian form
    Sebagian orang mengabaikan urutan pengisian form karena proses input data masih bisa dibantu dengan adanya mouse, sehingga bisa dengan leluasa berpindah dari isian satu ke lainya. Tapi kita bisa Mengatur urutan pengisian form dengan atribut tabindex
  • Perbedaan id dan name dalam html
    Dua atribut HTML ini (id dan name) mungkin sedikit bikin bingung karena kurang mengetahui fungsinya. Masing-masing sering digunakan, kadang id dan name digunakan terpisah dan sering pula digunakan bersamaan. Apa Perbedaan id dan name dalam html dan kapan menggunakan id dan kapan menggunakan name?
  • Pengertian dan cara membuat Hyperlink
    Hyperlink dalam HTML/web/blog merupakan komponen yang sangat penting karena tanpa ada hyperlink sebuah halaman web akan terlihat mati. Simak apa pengertian dan cara membuat Hyperlink dalam html

Kiriman terbaru