Atribut HTML
Atribut memberikan informasi tambahan mengenai elemen HTML.
HTML Attributes
Elemen HTML dapan mempunyai atribut
Atribut memberikan informasi tambahan mengenai elemen
Atribit selalu di spesifikasikan di start tag.
Atribut muncul dengan pasangan nama-nilai seperti : nama=�nilai�
Atribut Lang
Bahasa pada dokumen dapat dideklarasikan pada tag <html>.
Bahasa dideklarasi pada atribut lang.
Mendeklrasi bahasa sangatlah penting untuk aksesbilitas aplikasi (screen reader) dan mesin pencari :
<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<html lang="en-US">
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Dua kata pertama menspesifikasikan bahasa (en). Jika ada dialek, gunakan dua kata kedua (US)
Atribut Title
HTML paragraphs are defined with the <p> tag.
Paragraf HTML didefinisikan dengan tag <p>.
In this example, the <p> element has a title attribute. The value of the attribute is "About W3Schools":
Pada contoh ini, elemen <p> mempunyai atribut title. Nilai dari atribut tersebut adalah �About W3Schools� :
Contoh
<p title="About W3Schools">
W3Schools is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.
</p>
W3Schools is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.
</p>
Ketika kamu menggerakkan mouse ke elemen tersebut, Title akan mucul seperti pop up kecil di dekat mouse (dinamakan tooltip) |
Atribut href
Link pada HTML didefinisikan dengan tag <a>. Alaman link dispesifikasikan di atribut href :
Contoh
<a href="http://www.w3schools.com">This is a link</a>
You will learn more about links and the <a> tag later in this tutorial.
Kamu akan memperlajari lebih jauh mengenai link dan tag <a> pada tutorial ini
Atribut Ukuran
Gambar pada HTML didefinisikan dengan tag <img>.
Nama file dari sumber (src), dan ukuran gambar (width dan height) semuanya merupakan atribut
Contoh
<img src="w3schools.jpg" width="104" height="142">
Ukuran gambar dispesifikasikan dalam pixel : width=�104� artinya 104 pixel lebar layar.
Setelah ini , kamu akan memperjari lebih jauh mengenai gambar dan tag <img> pada tutorial ini.
Atribute alt
Atribut alt menspesifikasikan sebuah alternatif text untuk digunakan jika sebuah elemen HTML tidak dapat menampilkannya.
Nilai dari atribut ini dapat baca oleh �screen reader�. Dengan cara ini, orang dapat mendengarkan webpage, sebagai contohnya orang buta capat mendengar elemen tersebut.
Contoh
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
Kita Menyarankan : Selalu Menggunakan atribut Lowercase
Standard yang diberikan HTML5 tidak memerlukan nama atribut secara lower case.
Atribut title dapat ditulis secara huruf besar (uppercase) atau huruf kecil (lowercase)
W3C menyarakan menggunakna lowercase pada HTML4, dan memerlukan lowercase untuk tipe dokumen yang lebih ketat seperti XHTML.
Lower case is the most common. Lower case is easier to type. At W3Schools we always use lower case attribute names. |
Kita Menyarankan : Selalu Memberi Tanda Petik pada Nilai Atribut
Standard yang diberikan HTML5 tidak memerlukan tanda petik atau quot pada nilai atribut.
Atribut href yang di contohkan diatas dapat ditulis seperi berikut :
Contoh
<a href=http://www.w3schools.com>
W3C merekomendasikan men-quote atau memberi tanda petik pada HTML4, dan memerlukan quote untuk tipe dokumen yang lebih ketat seperti XHTML.
Terkadang tanda petik atau quote sangat diperlukan. Contoh dibawah tidak akan tampil dengan benar karena nilainya terdapat space.
Contoh
<p title=About W3Schools>
Menggunakan quoete merupakan hal yang palung umum. Menghilangkan quote dapat Menghasilkan error. Di W3Schools kami selalu menggunakan quote di sekitar nilai atribut. |
Tanda Petik Tunggal atau Double
Tanda peti ganda (quote ganda) sangat umum di HTML, namun tanda petik tunggal (quote tunggal) juga digunakan.
In some situations, when the attribute value itself contains double quotes, it is necessary to use single quotes:
Pada beberapa situasi, ketika nilai atribut itu sendiri terdapat quote ganda, sehingga sangat diperlukan menggunakna quote tunggal pada nilai atribut.
<p title='John "ShotGun" Nelson'>
Atau Sebaliknya :
<p title="John 'ShotGun' Nelson">
Ringkasan
Semua elemen HTML mempunyai atribut
Atribut title pada HTMl memberikan informasi tambahan yang ditampikan dengan �too-tip�
Atribut href memberikan informasi alamat link
Atribut width dan height memberikan informasi ukuran dari gambar
Atribut alt di HTMl memberikan text untuk screen reader
Di W3Schools kami selalu menggunakan nama atribut HTMl yang ditulis secara lowercase
Di W3Schools kami selalu men-quote (memberi tanda petik) nilai atribut.
Atribute HTML
Dibawah ini daftar atribut yang sering digunakan pada HTML :
Attribute | Description |
alt | Menspesifikasikan sebuah alernatif text untuk gambar |
disabled | Menspesifikasikan kalau suatu input elemen harus di non aktifkan |
href | Menspesifikasikan URL (alamat web) untuk link |
id | Menspefisikasikan id unik untuk suatu elemen |
src | Menspefisikasikan URL (alamat web) untuk gambar |
style | Menspesifikasikan style CSS pada inline elemen |
title | Specifies extra information about an element (displayed as a tool tip) Menspesifikasikan informasi lebih tentang elemen (menampilkan tootip) |
Update Contact :
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email : Fajarudinsidik@gmail.com
No Wa/Telepon (puat) : 085267792168
No Wa/Telepon (fajar) : 085369237896
Email: Fajarudinsidik@gmail.com
atau Kirimkan Private messanger melalui email dengan klik tombol order dibawah ini :