Mengenal Atribut HTML
Atribut HTML memberikan informasi tambahan tentang elemen HTML. Tidak semua elemen HTML dapat ditambahakan oleh atribut ini loh teman-teman.
- Elemen HTML dapat memiliki atribut.
- Atribut memberikan informasi tambahan tentang elemen.
- Atribut selalu ditentukan dalam tag awal.
- Atribut selalu berdatangan 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.
<!DOCTYPE html>
<html lang="en-US">
<html lang="en-US">
<body>
<h1> Ini heading pertamaku </h1>
<p> Ini paragraf pertamaku </p>
</body>
</html>
Pada baris kedua = > <html lang="en-US>. Nah lang inilah yang disebut dengan atribut. Sebuah bahasa html tambahan untuk setiap elemen yang diperlukan. Gak semua atribut itu cuman lang doang. Ada banyak atribut yang dapat kita temukan loh teman-teman. Jadi yang sabar aja belajarnya.
Judul Atribut
Paragraf HTML didefenisikan dengan tag <p>. Dalam contoh kali ini, elemen <p> memiliki judul atribut. Nilai atributnya "BelajarHTML-5". Contoh :
<p title="BelajarHTML-5">
Penjelasan agar lebih memudahkan teman-teman. Tag <p> ditujukan sebagai elemen html nya. Sedangkan title ditujukan sebagai atributnya, dan terakhir yang didalam tanda kutip (" ") disebut sebagai nilainya.
Atribut Href
Nah mungkin sebagian dari teman-teman yang pernah belajar HTML, atau sering mengotak-atik template blogger pada bagian menu navigasi, pasti sering deh bertemu dengan atribut href ini. Atribut ini ditujukan sebagai link (penghubung) loh. Contohnya :
<a href="belajarhtml-5.blogspot.com> Belajar HTML-5 </a>
Teman-teman nanti akan belajar lebih banyak tentang link dan tag <a> pada tutorial disini.
Atribut Ukuran
Didalam HTML tidak hanya memiliki atribut link doang, ada juga atribut ukuran yang dituliskan dengan atribut src atau source. Dalam bahasa Indonesianya yaitu Sumber. Atribut ukuran ini ditemani oleh tag html yakni <img> yang merupakan singkatan dari Image atau Gambar. Jadi tujuan dari tag dan atribut ukuran ini yaitu menarik atau menampilkan suatu gambar pada website nantinya. Contohnya :
<img src="belajarhtml-5.jpg" width="200" height="300">
Atribut Alt
Nih atribut yang baru gw kenal teman-teman. Atribut alt ini menentukan sebuah text alternatif yang akan digunakan ketika sebuah elemen HTML tidak dapat ditampilkan.
Nilai atribut dapat dibaca oleh "pembaca layar". Dengan cara ini, seseorang dapat "mendengarkan" untuk halaman web, yaitu orang buta, bisa "mendengar" elemen. Contoh :
<img src="belajarhtml-5.jpg" alt="Belajarhtml-5" width="200" height="300">
Sebagai ringkasan dari pembahasan kali ini. HTML 5 standar tidak juga memerlukan tanda kutip pada nilai (value) atribut. Contoh disini adalah href untuk link.
<a href=belajarhtml5>
Sekian artikel dari Mengenal Atribut HTML. Semoga bermanfaat :)
Tidak ada komentar:
Posting Komentar