HTML'деги сүрөттүн туурасы
Демейки абалда сүрөттөр өздөрүнүн чыныгы
өлчөмүндө көрсөтүлөт. Мисалы, биз жогору
чыгарган жылмайган сүрөтүнүн чыныгы өлчөмү
130 туурасына жана 130
пиксель бийиктигине ээ, ошондуктан браузерде
ошол өлчөмдөгү сүрөттү көрөбүз.
Каалоо болсо, сүрөттүн өлчөмүн өзгөртсө болот,
ага туурасын берүү менен. Бул width
атрибутунун жардамы менен жасалат.
Мисал катары, биздин сүрөтүбүзгө
100 пиксель туурасын берели.
Бул үчүн width атрибутунун маанисине
100 санын көрсөтөбүз, мындайча:
width="100"
Экранда сүрөт кандай өлчөмдө болот?
Ойлонсок, туурасы биз бергендей 100
пиксель, бийиктиги биз бербегенибиз үчүн
чыныгы 130 болот деп ойлосо болот.
Чындыгында, мындай болбойт.
Туурасы чынында эле 100 пиксель болот,
бирок бийиктиги пропорциялар бузулбашы үчүн
өзүн-өзү туура кылат, демек, ал дагы
100 пиксель болуп калат.
Келип, иштетип көрөлү жана муну текшерип алалы:
<img src="smile.png" width="100">
:
Сүрөтүңүзгө 300 пиксель
туурасын коюңуз.
