HTMLда расм эни
Дарҳолқи холда расмлар ўзларининг
ҳақиқий ўлчамларида кўринади. Масалан, юқорида
чиқарган жылмайиб турган расммизнинг ҳақиқий
ўлчами 130 дан 130
пикселга тенг ва браузерда ҳам шундай ўлчамда
кўринади.
Истаган ҳолда, расм энини белгилаб, унинг
ўлчамини ўзгартириш мумкин. Бу width
атрибути ёрдамида амалга оширилади.
Мисол учун, бизнинг расмимизга
энини 100 пиксел қилайлик. Бунинг учун
width атрибутининг қийматига 100
сонани кўрамиз, мана бу йўл билан:
width="100"
Экранда расм қандай ўлчамда бўлади?
Ушбу дейиш мумкин: эни 100
пиксел, биз белгилагандек, ва ҳақиқий баландлиги
130, чунки биз уни белгилаган эмасмиз.
Аслида, бундай бўлмайди.
Эни ҳақиқатан 100 пиксел бўлади,
аммо баландлик эса расмнинг пропорциялари
бузилмаслиги учун мослашади, яъни у ҳам 100
пикселга тенг бўлади.
Келинг, ишга тушириб кўрамиз ва ишонч ҳосил қиламиз:
<img src="smile.png" width="100">
:
Расмингизга 300
пиксел энини белгиланг.
