HTML-de suratyň inişligi
Deslapky ýagdaýda suratlar öz hakyky
ölçegleri bilen görkezilýär. Mysal üçin, ýokarda
çykaran ýüz ifadeli suratymyz
hakyky ölçegi 130 x 130
piksel we brauzerde şol ölçegdäki suraty
görýäris.
Isleseňiz, suratyň inişligini berip, onuň ölçegini
üýtgedip bilersiňiz. Bu atribut
width kömegi bilen amala aşyrylýar.
Geliň mysal üçin suratymyza
inişligi 100 piksel belläýäli. Bunuň üçin
width atributynyň bahasyna 100 sanyny
görkezeris, şeýle:
width="100"
Ekranda suratyň ölçegi näçe bolar?
Şeýle pikirlenip bolýar: inişligi 100
piksel, biz bellänimiz ýaly, we hakyky beýikligi
130, sebäbi ony biz bellämedik. Aslynda,
şeýle bolmaz.
Inişlik hakykatdanam 100 piksel bolar,
ýöne beýiklik suratyň proporsionalygy bozulmaslyk
üçin özüni şeýle sazlaşdyrar, ýagny 100
piksel bolup bolar.
Geliň işledeli we muny anyklaýaly:
<img src="smile.png" width="100">
:
Suratyňyza inişligi 300
piksel belläň.
