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:

htmlwidth="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:

html<img src="smile.png" width="100">

Результат: