HTML Atribut

HTML/JavaScript

HTML Atribut


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 nama / nilai pasangan seperti: name = "value"

The lang Atribut

Bahasa dokumen dapat dinyatakan dalam <html> tag.
Bahasa dinyatakan dalam lang atribut.
Mendeklarasikan bahasa penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin pencari:

Contoh


<!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 (AS).

Judul Atribut

Paragraf HTML didefinisikan dengan <p> tag.
Dalam contoh ini, <p>
elemen memiliki judul atribut. Nilai atribut " Tentang johanandyagasi.blogspot.com ":

<p title="About W3Schools">
 johanandyagasi.blogspot.com 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>

Atribut ukuran

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

Contoh
<a href="http://www.johanandyagasi.blogspot.com">This is a link</a>

Anda akan belajar lebih banyak tentang link dan tag <a> kemudian dalam tutorial ini.

Atribut ukuran

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

Contoh
<img src="johanandyagasi.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

The alt atribut 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="johanandyagasi.jpg" width="104" height="142"
0 Komentar untuk " HTML Atribut "