HTML – Atribut Utama

Atribut Utama (Core Attributes)

ada empat atribut utama pada HTML yang dapat digunakan pada sebagian besar elemen HTML (meskipun tidak semua). keempat inti atribut utama tersebut adalah id, title, class, style.

Atribut ID

Atribut id dari tag HTML dapat digunakan untuk secara unik mengidentifikasi setiap elemen dalam sebuah halaman HTML. Ada dua alasan utama yang Anda mungkin ingin menggunakan atribut id pada elemen:

  1. Jika unsur membawa atribut id sebagai identifier unik adalah mungkin untuk mengidentifikasi hanya elemen dan isinya.
  2. Jika Anda memiliki dua elemen dengan nama yang sama dalam sebuah halaman Web (atau style sheet), Anda dapat menggunakan atribut id untuk membedakan antara unsur-unsur yang memiliki nama yang sama.

berikut ini merupakan contoh menggunakan atribut id :

<p id="html">ini menjelaskan mengenai HTML</p>
<p id="css">ini menjelaskan mengenai Cascading Style Sheet</p>

Atribut Title (judul)

Atribut judul digunakan sebagai saran sebuah judul elemen. Sintaks untuk atribut judul sama seperti yang dijelaskan untuk atribut id. Perilaku atribut ini akan tergantung pada elemen yang membawanya, meskipun sering ditampilkan sebagai tooltip ketika kursor datang atas elemen atau saat elemen sedang loading.

berikut ini merupakan contoh menggunakan atribut title :

<!DOCTYPE html>
<html>
<head>
<title>contoh atribut title</title>
</head>
<body>
<h3 title="Hello HTML!">Contoh Tag Judul Heading</h3>
</body>
</html>

contoh diatass akan menghasilkan tulisan seperti dibawah ini

Contoh Tag Judul Heading

Sekarang cobalah untuk membawa kursor “Contoh Tag Judul Heading” dan Anda akan melihat bahwa apa pun judul yang digunakan dalam kode Anda yang keluar sebagai tooltip kursor.

Atribut Class (Kelas)

Atribut class digunakan untuk menghubungkan elemen dengan style sheet, dan menentukan kelas elemen. Anda akan belajar lebih banyak tentang penggunaan atribut class ketika Anda akan belajar Cascading Style Sheet (CSS). Setiap nilai class dipisahkan menggunakan spasi.
berikut merupakan contoh atribut class

class="className1 className2 className3"

Atribut style (gaya)

Atribut style digunakan untuk menentukan aturan Cascading Style Sheet (CSS). atribut style biasa digunakan untuk memformat konten.
berikut merupkan contoh atribut style

<!DOCTYPE html>
<html>
<head>
<title>The style Attribute</title>
</head>
<body>
<p style="font-family:arial; color:#FF0000;">Some text...</p>
</body>
</html>

script diatas akan menghasilkan tampilan seperti dibawah ini :

Some text…

Pada kesempatan kali ini kita tidak membahas CSS , jadi mari kita lanjutkan tanpa menyinggung banyak tentang CSS. Di sini Anda perlu memahami apa yang terdapat dalam atribut style HTML dan bagaimana mereka dapat digunakan saat memformat konten.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: