attribute

basics

attribute adalah bagian dari tag HTML yang memberikan informasi tambahan tentang elemen tersebut.

dalam contoh tag gambar <img src="https://google.com/sumber-gambar.png" alt='ini gambar google'>, src dan alt adalah attribute dari tag <img>. src adalah attribute yang memberikan informasi sumber gambar, dan alt adalah attribute yang memberikan informasi alternatif gambar.

ada banyak attribute yang bisa kita gunakan dalam tag HTML, seperti href, id, class, style, name, value, type, placeholder, required, disabled, checked, selected, dll.

beberapa html tag akan memiliki attribute khusus seperti form, input, textarea, select, button, a, img, dll.

sedangkan ada juga attribute yang digunakan untuk 'menandai' element dengan menggunakan id dan class.

misal kita ingin memberikan style pada tag <div>, kita bisa menggunakan attribute style dan memberikan value berupa css.

<div style="background-color: red; color: white;">ini div dengan style</div>

lalu button yang dapat berperilaku berbeda, kita bisa menggunakan attribute type.

ini adalah button yang digunakan untuk mengirimkan form.

<button type="submit">Kirim</button>

dan ini button yang tidak ngapa-ngapain, setidaknya sampai kita katakan button ini untuk apa di javascript.

<button type="button">Klik saya</button>

contoh attribute

<div style="background-color: red; color: white;">ini div dengan style</div>
<button type="submit">Kirim</button>
<input type="checkbox" name="todolist" id="todo">