Tutorial Blog, Tips Blogging, SEO, Belajar Syntax HTML, PHP, CSS, dan Aktifitas Coding Lainnya

Pengertian dan Contoh Atribut HTML

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 :

Cewek Cakep

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.



0 Komentar untuk "Pengertian dan Contoh Atribut HTML"

Back To Top