HTML Atribut

Atribut biasanya digunakan untuk memberikan informasi tambahan pada element HTML

Atribut HTML
- Semua element html bisa menggunakan atribut
- Atribut menyediakan tambahan informasi tentang element
- Atribut selalu didefinisikan dalam start tag
- penulisan selalu dimulai dengan nama yang mengandung nilai, nama="nilai"

Atribut href

Element <a> adalah hyperlink, sementara atribut href secara spesifik menyediakan URL untuk beralih ke halaman lain.

Contoh:

<a href="https://www.wapblog.id">Kunjungi wapblog.id</a>

Atribut src

Pada element <img>, src digunakan untuk melampirkan url dari gambar.
Contoh:

<img src="https://s.wapblog.id/c/img/wblogo/wblogo-red-500.png" />

Atribut width dan height

Ketika melampirkan gambar, kamu bisa mengatur lebar dan tinggi dari gambar dengan atribut width dan height yang mana ini hanya berlaku pada element html dan tidak berpengaruh terhadap ukuran gambar sebenarnya.

<img src="https://s.wapblog.id/c/img/wblogo/wblogo-red-500.png" width="150px" height="70px" />

Pada gambar diatas, kamu akan melihat gambar dengan dimensi 150 piksel x 70 piksel, yang mana pada rasio yang tidak sama dengan rasio asli akan membuat gambar gepeng atau menciut.
Untuk membuat gambar dengan rasio yang sesuai dengan rasio asli, kamu cukup menambahkan atribut width tanpa atribut height.

<img src="https://s.wapblog.id/c/img/wblogo/wblogo-red-500.png" width="150px" />

Terkhusus pada blog WapBlog.ID, kamu bisa mengatur dimensi gambar lebih sesuai dengan ukuran yang kamu perlukan tanpa perlu menggunakan atribut width dan height.

<img src="https://dev.bloger.id/files/wblogo-red-500.png?w=100" />

Dengan hanya menambahkan query w pada url gambar yang kamu unggah dipenyimpanan. Pada artikel-artikel lain, kamu akan secara spesifik menemukan atribut-atribut yang bisa digunakan untuk element <img>.

Walaupun html dapat menggunakan nama tag dengan huruf kapital <P> atau huruf kecil <p> tetapi kami di developers menyarankan kamu menggunakan huruf kecil. Untuk nama atribut, kami juga menyarankan dengan huruf kecil <img src="https://s.wapblog.id/c/img/wblogo/wblogo-red-500.png" /> daripada <IMG SRC="https://s.wapblog.id/c/img/wblogo/wblogo-red-500.png" /> walaupun tidak akan ada perbedaan dari keduanya.

Juga tidak lupa, selalu mengunakan tanda kutip untuk nilai atribut nama="nilai" alih-alih hanya dengan nama=nilai.