width

HTML <img> width atributi

❮ HTML <img> tegi

Misol

Balandligi 600 piksel va kengligi 500 piksel bo‘lgan rasm:

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
O‘zingiz sinab ko‘ring »

width atributi rasm kengligini piksellarda belgilaydi.

Maslahat: Rasmlar uchun har doim height va width atributlarining ikkalasini ham ko‘rsating. Agar balandlik va kenglik o‘rnatilgan bo‘lsa, sahifa yuklanayotganda rasm uchun zarur joy oldindan ajratib qo‘yiladi. Biroq bu atributlarsiz brauzer rasm o‘lchamini bilmaydi va unga mos joy ajrata olmaydi. Natijada sahifa yuklanayotganda (rasmlar yuklanguncha) sahifa maketi o‘zgarib turadi.

Maslahat: Katta rasmni height va width atributlari yordamida kichraytirish foydalanuvchini katta rasmni yuklab olishga majbur qiladi (hatto u sahifada kichik ko‘rinsa ham). Bunga yo‘l qo‘ymaslik uchun rasmni sahifada ishlatishdan oldin biror dastur yordamida uning o‘lchamini o‘zgartiring.


Brauzerlarda qo‘llab-quvvatlash

Atribut
width Ha Ha Ha Ha Ha

Sintaksis

<img width="pixels">

Atribut qiymatlari

Qiymat Tavsif
pixels Piksellardagi kenglik (masalan, width="100")

❮ HTML <img> tegi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!