Pengertian dan Contoh Atribut HTML - Kali ini Sinahu Coding akan
mengajak konco sinahu untuk sama-sama belajar memahami tentang atribut HTML.
Kayak seragam aja ya pake atribut segala. hehe.. Ya memang, kalau seragam
dipasang atribut itu biar diketahui lebih spesifik jenis seragamnya atau
memberi informasi tambahan tentang seragamnya, begitu juga dengan elemen-elemen
HTML, atribut HTML berfungsi untuk merinci suatu tag.
Contoh-contoh Atribut HTML Dasar
Ada banyak jenis atribut HTML, tapi di sini saya akan membatasi pada atribut-atribut HTML dasar yang umum dan populer digunakan. Setidaknya bisa mengilustrasikan penggunaan dan fungsi atribut tersebut.
1. Atribut Lang
Atribut HTML lang berfungsi untuk mendeklarasikan (baca: ngasih tahu) mesin pencari tentang bahasa apa yang digunakan. Di bawah ini contoh format dokumen html yang menggunakan jasa Atribut lang :
<!DOCTYPE html><html lang="en-US"><body><h1>Aku Heading Pertama</h1><p>Aku Paragraf</p></body></html>
Seperti yang terlihat, atribut lang biasa ditempatkan pada tag
html. Pada contoh tersebut tertulis "en-US", itu karena bahasa
english mempunyai 2 dialek. Kalau bahasa Indonesia tidak perlu dibuat lebih
spesifik lagi, cukup dengan "in", kecuali kalau suatu saat nanti
secara resmi ragam dialek bahasa indonesia (jawa medok, ngapak, dll) terdaftar
di dunia. haha..
2. Atribut Title
Sesuai namanya, fungsi atribut HTML title ini untuk memberikan keterangan judul pada suatu tag.
Perhatikan contoh berikut :
<p title="Sinahu Atribut Title"> Paragraf ini berisi tentang belajar atribut title di sinahu koding bersama Mr. F. Silahkan dipraktekkan di
dokumen html masing-masing.</p>
Hasilnya akan menjadi seperti di bawah ini :
Paragraf ini berisi tentang belajar atribut title di sinahu koding bersama Mr. F. Silahkan dipraktekkan di dokumen html masing-masing.
Satu paragraf di atas diberi title "sinahu atribut
title". Sehingga, kalau mouse kita arahkan ke arah paragraf tersebut maka akan
muncul keterangan judulnya.
3. Atribut href
Selanjutnya atribut HTML href yang sudah akrab kita gunakan bersama untuk membuat link suatu kata atau kalimat ke alamat url tertentu. Biasa ditempatkan pada tag <a>. Contoh :
<a href="http://sinahu-coding.
blogspot.com">Contoh Atribut href</a>
Maka hasilnya akan tampak seperti di bawah ini :
Kalau kita klik tulisan “contoh atribut href” maka akan
menuju ke url sinahu koding.
4. Atribut Size
Atribut HTML size ini biasa ditempatkan pada tag <img>. Berfungsi untuk menentukan size/ukuran gambar dalam ukuran tertentu. Dibahasakan dengan width untuk ukuran lebar dan height untuk ukuran tinggi. Sedangkan source gambarnya alias alamat tempat gambar tersebut berada ditulis dengan src. Perhatikan contoh di bawah :
<img src="https://cewek-cakep.jpg"
alt="Cewek Cakep" width="104" height="142">
Maka hasilnya seperti ini :
Nah, di situ ada tambahan atribut alt, maksudnya adalah alternatif. Fungsinya untuk memunculkan value atribut alt ketika gambar tidak muncul. Jadi, ketika file gambar gagal dimuat, maka akan muncul tulisan "Cewek Cakep".
Itulah pembahasan tentang Pengertian dan Contoh Atribut HTML yang bisa saya share kali ini. Semoga cukup
sebagai ilustrasi untuk memahami penggunaan dan fungsi atribut HTML.
1 Komentar untuk "Pengertian dan Contoh Atribut HTML"
tks penjelasannya tentang pengertian atribut beserta contoh atribut html dasar... sangat membantu... kunjungi juga website kampus saya : http://www.atmaluhur.ac.id dan blog saya: https://kima.mahasiswa.atmaluhur.ac.id