Mengenal Atribut HTML

Mengenal Atribut HTML - Artikel kali ini ingin membahas atribut html. Atribut memberikan informasi tambahan tentang elemen HTML.

Mengenal Atribut HTML

Atribut HTML

Elemen HTML dapat memiliki atribut
Atribut memberikan informasi tambahan tentang elemen
Atribut selalu ditentukan dalam tag awal
Atribut datang dalam pasangan nama / nilai seperti: name = "value"

Atribut Bahasa (lang atribut)

Bahasa dokumen dapat dinyatakan dalam <html> tag.
Bahasa tersebut dinyatakan dalam atribut lang.
Mendeklarasikan bahasa adalah penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin pencari:
<!DOCTYPE html>
<html lang="en-US">
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
Dua huruf pertama menentukan bahasa (en). Jika ada dialek, menggunakan dua huruf lebih (US).

Judul Atribut

paragraf HTML didefinisikan dengan <p> tag.
Dalam contoh ini, <p> elemen memiliki atribut title. Nilai atribut adalah "Tentang NOBLESSE":

Contoh : 

<P title = "Tentang NOBLESSE">
Noblesse adalah situs pengembang SEO.
Ini memberikan tutorial dan referensi yang mencakup
banyak aspek tentang SEO,
</ P>

Href Atribut

Link HTML didefinisikan dengan tag <a>. Alamat link yang ditentukan dalam atribut href:
Contoh: 

<a href="http://www.w3schools.com"> ini adalah link </a> 

Ukuran Atribut

Gambar HTML didefinisikan dengan tag <img>.
Nama file dari sumber (src), dan ukuran gambar (lebar dan tinggi) semua disediakan sebagai atribut:

Contoh:
<Img src = "Noblesse.png" width = "200" height = "200">

Alt Atribut

Atribut alt menetapkan teks alternatif yang akan digunakan, ketika sebuah elemen HTML tidak dapat ditampilkan.

Nilai atribut yang dapat dibaca oleh "pembaca layar". Dengan cara ini, seseorang "mendengarkan" ke halaman web, yaitu orang buta, bisa "mendengar" elemen.

Contoh:
<Img src = "Noblesse.png" alt = "noblesse2nd.blogspot.com" width = "200" height = "200">

Atribut HTML

Di bawah ini adalah daftar abjad dari beberapa atribut yang sering digunakan dalam HTML:

Atribut dan keterangannya
alt Menentukan teks alternatif untuk gambar
disabled Menentukan bahwa elemen input harus dinonaktifkan
href Menentukan URL (alamat web) untuk link
id Menentukan id unik untuk elemen
src Menentukan URL (alamat web) untuk gambar
style Menentukan gaya CSS inline untuk suatu elemen
title Menentukan informasi tambahan tentang elemen (ditampilkan sebagai tool tip).

Sekian artikel tentang Mengenal Atribut HTML semoga artikel ini bermanfaat agar kita bisa lebih menganal lagi atribut HTML.

Baca Juga : Pengenalan HTML
               
Previous
Next Post »
Comments
0 Comments
0 Komentar