Kamis, 09 Oktober 2014

ATTRIBUT HTML.



Atribut HTML

Atribut memberikan informasi tambahan tentang elemen 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"

The lang Atribut

Bahasa dokumen dapat dinyatakan dalam <html> tag.

Bahasa dinyatakan dalam atribut lang.

Mendeklarasikan bahasa adalah penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin pencari:
contoh

<! DOCTYPE html>
<html lang = "en-US">
<body>

<h1> My Heading Pertama </ h1>

<p> paragraf pertama saya. </ p>

</ body>
</ html>

Dua huruf pertama menentukan bahasa (en). Jika ada dialek, menggunakan dua huruf lainnya (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 sebuah situs pengembang Web.
Ini menyediakan tutorial dan referensi yang mencakup
banyak aspek pemrograman web,
termasuk HTML, CSS, JavaScript, XML, SQL, PHP, ASP, dll
</ p>

Coba Sendiri »

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> tautan

Coba Sendiri »

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">

Coba Sendiri »

Ukuran gambar ditentukan dalam pixel: width = "104" berarti 104 layar pixel.

Anda akan belajar lebih banyak tentang gambar dan tag <img> nanti 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">

Coba Sendiri »


*Kami Sarankan: Selalu Gunakan huruf kecil Atribut

HTML5 standar tidak memerlukan lebih rendah nama atribut kasus.

Judul atribut dapat ditulis dengan huruf besar atau kecil seperti Kepemilikan dan / atau TITLE.

W3C merekomendasikan huruf kecil di HTML4, dan menuntut huruf kecil untuk jenis dokumen ketat seperti XHTML.

Catatan kasus yang lebih rendah adalah yang paling umum. Huruf kecil lebih mudah untuk mengetik.
Di W3Schools kami selalu menggunakan huruf kecil nama atribut.

Kami Sarankan: Selalu Kutip Atribut Nilai

HTML5 standar tidak memerlukan tanda kutip nilai atribut.

Atribut href, ditunjukkan di atas, dapat ditulis sebagai:
contoh
<a href=http://www.w3schools.com>

Coba Sendiri »

W3C merekomendasikan kutipan di HTML4, dan menuntut kutipan untuk jenis dokumen ketat seperti XHTML.

Kadang-kadang perlu untuk menggunakan tanda kutip. Hal ini tidak akan ditampilkan dengan benar, karena mengandung spasi:
contoh
<title p = Tentang W3Schools>

Coba Sendiri »

Catatan Menggunakan tanda kutip adalah yang paling umum. Menghilangkan tanda kutip dapat menghasilkan kesalahan.
Pada W3Schools kami selalu menggunakan tanda kutip nilai atribut.

Single atau Double Quotes?

Gaya tanda kutip ganda adalah yang paling umum dalam HTML, tapi gaya tunggal juga dapat digunakan.

Dalam beberapa situasi, ketika nilai atribut itu sendiri berisi tanda kutip ganda, maka perlu menggunakan tanda kutip tunggal:
contoh
<title p = 'John "shotgun" Nelson'>

Atau sebaliknya:
contoh
<title p = "'senapan' John Nelson">

Bab Ringkasan

     Semua elemen HTML dapat memiliki atribut
     Judul HTML atribut memberikan tambahan "alat-tip" informasi
     HTML atribut href memberikan informasi alamat untuk link
     Lebar HTML dan tinggi atribut memberikan informasi ukuran untuk gambar
     HTML Atribut alt menyediakan teks untuk pembaca layar
     Pada W3Schools kami selalu menggunakan huruf kecil nama atribut HTML


Tidak ada komentar:

Posting Komentar