Press "Enter" to skip to content

Belajar HTML (03): Core, International and General Attributes

Published in HTML, Tutorial and Web

Pada tulisan sebelumnya sudah dibahas sedikit tentang elemen dan atribut pada tag HTML. Tulisan ini akan membahas lebih detail tentang apa itu atribut atau properti pada tag-tag HTML, meskipun tidak semua atribut yang akan dijelaskan. Nah pada tulisan ini sesuai judul, kita akan bahasa tentang Core, International and General Attributes. Keren judulnya 😀

Atribut pada HTML

Atribut digunakan untuk mendefinisikan karekteristik dari elemen (tag) HTML yang mana atribut tersebut diletakkan di dalam tag pembuka. Semua atribut dibuat berasarkan 2 bagian, yaitu nama atribut (name) dan isinya (value). Pada tulisan sebelumnya hal ini sudah disinggung sedikit. Salah satu atribut pada tag HTML adalah align, dengan value right, left, center atau justify. Coba perhatikan lagi contoh potongan kode berikut ini.

<p align="right">
   Ini adalah paragraf KESATU dengan atribut <b>align</b>, dengan value <i>right</i>. Menghasilkan paragraf dengan perataan sebelah <u>kanan</u>.
</p>

Pada kode di atas, ada sebuah nama atribut yaitu align yang menjadi definisi bahwa paragraf ini akan diatur perataan teksnya dan sebuah value yaitu right yang akan menjadikan teks dalam paragraf ini rata sebelah kanan. Bagaimana tampilannya? Silahkan lihat pada tulisan sebelumnya tentang elemen dan atribut, yaitu pada contoh file 04-html-atribut.html.

Penulisan nama atribut dan value-nya bersifat case-insensitive, artinya bebas mau menggunakan huruf besar atau kecil. Dalam hal ini disarankan untuk menggunakan huruf kecil saja.

Core Attribute (atribut inti)

Ada 4 atribut inti yang biasa digunakan pada sebagian besar tag HTML, meskipun tidak semua, yaitu:

  • id
  • title
  • class
  • style

Mari kita lihat satu per satu.

#1 ~ Atribut id

Atribut id ini bisa digunakan untuk membuat sebuah tag atau elemen menjadi unik pada sebuah halaman HTML. Ada 2 alasan utama kenapa dalam keadaan tertentu kita perlu menggunakan atribut id ini:

  1. Jika sebuah tag atau elemen berisi sebuah atribut id yang unik, maka hal ini akan memungkinkan kita untuk dapat langsung mengidentifikasi (atau melokalisir) posisi tag tersebut secara cepat.
  2. Jika kita punya misalkan 2 buah elemen yang sama pada halaman HTML, kita bisa menggunakan atribut id ini sebagai pembeda di antara 2 elemen yang sama tersebut.

Kita akan bahas lebih jauh masalah atribut id ini pada tutorial yang lain nanti 😎 . Adapun contoh cara penulisannya dalam kode HTML seperti ini: <p id="paragrafsatu">

#2 ~ Atribut title

Atribut title ini akan memberikan “sugesti” pada sebuah elemen. Biasanya digunakan untuk memberikan “penjelasan singkat” tentang apa guna atau maksud dari sebuah elemen dalam halaman HTML kita. Atribut title ini akan ditampilkan dalam bentuk tooltip yang akan muncul saat kursor mouse kita letakkan di atas sebuah elemen.

Selanjutnya →

Halaman : 1 2 3

2 Comments

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *