Atribut tinggi <img> HTML
Contoh
Gambar dengan tinggi 600 piksel dan lebar 500 piksel:
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
Atribut height
menentukan tinggi gambar, dalam piksel.
Tip: Selalu tentukan
atribut height
dan untuk gambar. width
Jika tinggi dan lebar diatur, ruang yang diperlukan untuk gambar dicadangkan saat halaman dimuat. Namun, tanpa atribut ini, browser tidak mengetahui ukuran gambar, dan tidak dapat memesan ruang yang sesuai untuk itu. Efeknya adalah tata letak halaman akan berubah selama pemuatan (saat gambar dimuat).
Tip: Mengecilkan ukuran gambar besar dengan atribut
height
dan width
memaksa pengguna untuk mengunduh gambar besar (meskipun terlihat kecil di halaman). Untuk menghindari hal ini, ubah skala gambar dengan program sebelum menggunakannya pada halaman.
Dukungan Peramban
Attribute | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
Sintaksis
<img height="pixels">
Nilai Atribut
Value | Description |
---|---|
pixels | The height in pixels (e.g. height="100") |
HTML <img> tag