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

  • 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.
  • Cara mengganti background blog atau website
    Untuk mengganti background blog atau website tentunya anda harus punya akses untuk memodifikasi susunan kode halamannya, baik lewat control panel, ftp maupun fasilitas yang sudah disediakan sistem kelola kontent (CMS). Setelah itu baru kita bisa lakukan dengan dua cara berikut
  • 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.
  • Mengenal HTML5
    HTML5 adalah versi terbaru teknologi hypertext/web yang sekarang ini masih dalam tahap pengembangan. HTML5 ini akan menjadi trend teknologi internet masa depan karena sudah diperkaya dengan fitur-fitur ungulan yang tentunya akan menjadi standard pengembangan media informasi berbasis web.
  • Karakter dan simbol khusus dalam html
    Umumnya html digunakan hanya untuk menampilkan informasi yang dapat dibaca yang ditampilkan dalam bentuk gambar, tulisan, atau tabel. Sehingga simbol ataupun karakter yang sering digunakan untuk keperluan menuliskan rumus biasanya akan ditampilkan dalam bentuk gambar, padahal sebenarnya html sudah menyediakan karakter/simbol tersebut dengan pengkodean khusus. Simbol dan karakter apa saja yang bisa kita gunakan dalam html? Simak artikel berikut.

Kiriman terbaru