Atribut-Atribut HTML

---

Menurut W3School

Attributes provide additional information about HTML elements.

Yang artinya, atribut-atribut HTML itu menyediakan informasi tambahan mengenai elemen HTML yang disertainya.

Pola

<tag atribut=”nilai”>isi tag</tag>

Contoh Penulisan

<p align=”center”>CodeHime</p>

Penjelasan

<p> => Tag
align => Nama Atribut
center => Nilai dari Atribut
CodeHime => isi tag
</p> => Tutup tag

Dalam contoh tersebut, atribut align akan meratakan text dalam paragraf ke tengah (center). Untuk atribut align, ada alternatif lain seperti “left”, “right”, dan “justify” yang memiliki peran masing-masing.

Atribut yang umum digunakan

align

Digunakan pada tag <p> , <table> , <h1> , dll untuk mengatur perataan text.
Contoh :<p align=”center”>CodeHime</p>

href

Digunakan pada tag <a> sebagai hyperlink ke halaman lain.
Contoh : <a href=www.codehime.blogspot.co.id>CodeHime<a>

src

Digunakan pada tag <img>, <video>, dll untuk memberitahukan sumber dari file yang digunakan.
Contoh : <img src=”codehime.png”>

class dan id

Digunakan pada semua tag HTML untuk memberikan identitas khusus.
Contoh :
<div class=”code” id=”hime”> CodeHime</div>
<span id=”code”>Hime</span>

Bisa digunakan sekaligus pada tag yang sama, atau satu per satu juga bisa.

style

Digunakan pada semua tag HTML untuk memberikan styling atau hiasan pada tag tersebut. 

Contoh : <button style=”background:blue”>Login</button>

Isi dari atribut style adalah syntax-syntax yang sama persis dengan file css.

Yang perlu diingat adalah

Selalu gunakan lowercase untuk penulisan nama atribut maupun nilai dari atribut.
Selalu gunakan tanda petik dua (quotes) untuk mengapit nilai dari atribut.