Atribut HTML
Elemen HTML dapat memiliki atribut
Atribut memberikan informasi tambahan tentang elemen
Atribut selalu ditentukan dalam tag awal
Atribut datang dalam nama / nilai pasangan seperti: name = "value"
The lang Atribut
Bahasa dokumen dapat dinyatakan dalam <html> tag.
Bahasa dinyatakan dalam atribut lang.
Mendeklarasikan bahasa penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin pencari:
contoh
<! DOCTYPE html>
<html lang = "en-US">
<body>
<h1> My Pos Pertama </ h1>
<p> paragraf pertama saya. </ p>
</ body>
</ html>
Dua huruf pertama menentukan bahasa (en). Jika ada dialek, menggunakan dua huruf lebih (AS).
Judul Atribut
Paragraf HTML didefinisikan dengan tag <p>.
Dalam contoh ini, <p> elemen memiliki atribut judul. Nilai atribut "Tentang W3Schools":
contoh
<p title = "Tentang W3Schools">
W3Schools adalah situs pengembang Web.
Ini menyediakan tutorial dan referensi yang mencakup
banyak aspek pemrograman web,
termasuk HTML, CSS, JavaScript, XML, SQL, PHP, ASP, dll
</ p>
Catatan Bila Anda memindahkan mouse di atas elemen, judul akan ditampilkan sebagai tooltip.
Atribut href
Link HTML didefinisikan dengan tag <a>. Alamat link ditentukan dalam atribut href:
contoh
<a href="http://www.w3schools.com"> Ini adalah </a> Link
Anda akan belajar lebih banyak tentang link dan tag <a> kemudian dalam tutorial ini.
Atribut ukuran
Gambar HTML didefinisikan dengan tag <img>.
Nama file dari sumber (src), dan ukuran gambar (lebar dan tinggi) semua disediakan sebagai atribut:
contoh
<img src = "w3schools.jpg" width = "104" height = "142">
Ukuran gambar ditentukan dalam pixel: width = "104" berarti 104 layar pixel.
Anda akan belajar lebih banyak tentang gambar dan <img> tag kemudian dalam tutorial ini.
Alt Atribut
Atribut alt menentukan sebuah teks alternatif yang akan digunakan, ketika sebuah elemen HTML tidak dapat ditampilkan.
Nilai atribut dapat dibaca oleh "pembaca layar". Dengan cara ini, seseorang "mendengarkan" ke halaman web, yaitu orang buta, bisa "mendengar" elemen.
contoh
<img src = "w3schools.jpg" alt = "W3Schools.com" width = "104" height = "142">
Elemen HTML dapat memiliki atribut
Atribut memberikan informasi tambahan tentang elemen
Atribut selalu ditentukan dalam tag awal
Atribut datang dalam nama / nilai pasangan seperti: name = "value"
The lang Atribut
Bahasa dokumen dapat dinyatakan dalam <html> tag.
Bahasa dinyatakan dalam atribut lang.
Mendeklarasikan bahasa penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin pencari:
contoh
<! DOCTYPE html>
<html lang = "en-US">
<body>
<h1> My Pos Pertama </ h1>
<p> paragraf pertama saya. </ p>
</ body>
</ html>
Dua huruf pertama menentukan bahasa (en). Jika ada dialek, menggunakan dua huruf lebih (AS).
Judul Atribut
Paragraf HTML didefinisikan dengan tag <p>.
Dalam contoh ini, <p> elemen memiliki atribut judul. Nilai atribut "Tentang W3Schools":
contoh
<p title = "Tentang W3Schools">
W3Schools adalah situs pengembang Web.
Ini menyediakan tutorial dan referensi yang mencakup
banyak aspek pemrograman web,
termasuk HTML, CSS, JavaScript, XML, SQL, PHP, ASP, dll
</ p>
Catatan Bila Anda memindahkan mouse di atas elemen, judul akan ditampilkan sebagai tooltip.
Atribut href
Link HTML didefinisikan dengan tag <a>. Alamat link ditentukan dalam atribut href:
contoh
<a href="http://www.w3schools.com"> Ini adalah </a> Link
Anda akan belajar lebih banyak tentang link dan tag <a> kemudian dalam tutorial ini.
Atribut ukuran
Gambar HTML didefinisikan dengan tag <img>.
Nama file dari sumber (src), dan ukuran gambar (lebar dan tinggi) semua disediakan sebagai atribut:
contoh
<img src = "w3schools.jpg" width = "104" height = "142">
Ukuran gambar ditentukan dalam pixel: width = "104" berarti 104 layar pixel.
Anda akan belajar lebih banyak tentang gambar dan <img> tag kemudian dalam tutorial ini.
Alt Atribut
Atribut alt menentukan sebuah teks alternatif yang akan digunakan, ketika sebuah elemen HTML tidak dapat ditampilkan.
Nilai atribut dapat dibaca oleh "pembaca layar". Dengan cara ini, seseorang "mendengarkan" ke halaman web, yaitu orang buta, bisa "mendengar" elemen.
contoh
<img src = "w3schools.jpg" alt = "W3Schools.com" width = "104" height = "142">
Tidak ada komentar:
Posting Komentar