Isi

• Melangkah
• Tips

Artikel wikiHow ini menjelaskan cara menyetel tinggi dan lebar gambar menggunakan HTML (HyperText Markup Language).

• "Lebar" menunjukkan lebar gambar dalam piksel.
• The "height" menunjukkan tinggi gambar dalam piksel.
• Di HTML 4.01, tinggi dapat ditentukan dalam piksel atau persentase. Di HTML5, nilainya harus dalam piksel.

Melangkah

1. Edit file yang ingin Anda tampilkan gambarnya. misalnya: default.html
2. Tambahkan baris ini ke skrip Anda
   • img src = "imagefile.webp" alt = "Gambar" height = "42" width = "42">
   • src adalah jalur file ke gambar Anda.
   • alt adalah label yang Anda berikan pada gambar Anda.
3. Ganti "tinggi" dan "lebar" sesuka Anda, misalnya tinggi = "19" lebar = "20"
4. Simpan file dan buka file dengan browser apa saja untuk melihat efeknya. Atribut "width" didukung di semua browser utama seperti Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer dll.

Tips

• Selalu tentukan atribut tinggi dan lebar untuk gambar. Jika tinggi dan lebar disetel, ruang yang diperlukan untuk gambar akan dicadangkan saat halaman dimuat. Namun, tanpa atribut ini, browser tidak mengetahui ukuran gambar dan tidak ada ruang yang sesuai yang dapat disediakan untuk itu. Efeknya adalah tata letak halaman berubah selama pemuatan (saat gambar dimuat).
• Mengurangi ukuran gambar besar dengan menyesuaikan tinggi dan lebarnya memaksa pengguna untuk mengunduh gambar besar (meskipun terlihat kecil di halaman). Untuk menghindari hal ini, Anda perlu mengubah skala gambar dengan program sebelum menempatkannya di halaman.