Contoh
Sebuah gambar dengan tinggi dan lebar 42 piksel:
<img src="smiley.gif" alt="Smiley face"
height="42" width="42">
Cobalah sendiri " The width atribut menentukan lebar gambar, dalam piksel.
Tip: Selalu menentukan baik height dan width atribut untuk gambar.Jika tinggi dan lebar diatur, ruang yang diperlukan untuk gambar dicadangkan saat halaman dibuka. Namun, tanpa atribut-atribut ini, browser tidak tahu ukuran gambar, dan tidak dapat memesan ruang yang tepat untuk itu. Efeknya akan bahwa tata letak halaman akan berubah selama pemuatan (sementara gambar memuat).
Tip: Perampingan gambar besar dengan atribut tinggi dan lebar memaksa pengguna untuk men-download gambar besar (bahkan jika itu terlihat kecil pada halaman).Untuk menghindari hal ini, rescale gambar dengan program sebelum menggunakannya pada halaman.
Dukungan Browser
| Atribut | |||||
|---|---|---|---|---|---|
| width | iya nih | iya nih | iya nih | iya nih | iya nih |
Perbedaan Antara HTML 4.01 dan HTML5
Dalam HTML 4.01, lebar dapat didefinisikan dalam pixel atau di% dari elemen yang mengandung. Dalam HTML5, nilai harus dalam piksel.
Sintaksis
<img width="pixels">
atribut Nilai
| Nilai | Deskripsi |
|---|---|
| pixels | Lebar dalam piksel (misalnya width="100" ) |