Belajar HTML 05: Atribut HTML ~ Tutorial Terlengkap Buat Belajar

Atribut memberikan informasi tambahan tentang elemen HTML.

Atribut HTML

Elemen HTML bisa memiliki atribut.
Atribut memberikan informasi tambahan tentang elemen.
Atribut bentuk berpasangan dengan nama dan nilai (name and value) seperti name="value".

Atribut Lang

Bahasa dokumen/halaman dapat dideklarasikan in bentuk tag <html>.
Bahasa dideklarasikan dalam bentuk atribut 'lang'.
Deklarasi sebuah bahasa itu penting untuk aplikasi aksesibilitas (screen reader) dan 'Mesin Pencari/Search Engine'.

Contoh Atribut Lang

<!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'. Apabila ada sebuah dialek, maka menggunakan dua huruf
atau lebih 'US'.

Title Atribut
Paragraf HTML didefinisikan dengan tag <p>.
Dalam contoh ini, elemen <p> memiliki sebuah 'title' atribut. Lalu nilai atributnya adalah 'About W3Schools'
Contoh Title Atribut

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

Coba contoh onlinenya, disni.

Href Atribut Link HTML didefinisikan dengan tag <a>. Alamat link ditentukan dalam bentuk atribut 'href'.
Contoh Href Atribut

<a href="http://www.w3schools.com">This is a link</a>

Coba contoh onlinenya, disini.
Kamu akan belajar lebih banya lagi tentang 'link' dan tag <a> ditutorial yang akan datang.

Size Atribut
Image HTML didefinisikan dengan tag <img>/
'Source' (src) untuk alamat file.
'Size' gambar, panjang gambar 'width' dan tinggi gambar 'height' adalah atibut.
Contoh Size Atribut

<img src="w3schools.jpg" width="104" height="142">

Coba contoh onlinenya, disini.
Ukuran gambar 'image size' ditentukan dalam 'pixel'. width="104" berarti 104