Paveikslėlio plotis HTML
Pagal nutylėjimą paveikslėliai rodomi jų
tikru dydžiu. Pavyzdžiui, tas šypsenėlės
paveikslėlis, kurį rodėme aukščiau, turi
tikrųjų matmenų 130 x 130
pikselių ir tokį patį paveikslėlio dydį
matome naršyklėje.
Norint galima pakeisti paveikslėlio dydį,
nustatant jam plotį. Tai daroma naudojant atributą
width.
Pavyzdžiui, nustatykime mūsų paveikslėliui
plotį 100 pikselių. Tam atributo
width reikšme nurodysime skaičių 100,
štai taip:
width="100"
Kokio dydžio bus paveikslėlis ekrane?
Galima pagalvoti, kad toks: plotis 100
pikselių, kaip nustatėme, ir tikrasis aukštis
130, nes jo nenustatėme. Iš
tikrųjų, taip nebus.
Plotis tikrai bus 100 pikselių,
o aukštis prisitaikys taip, kad paveikslėlio proporcijos
nebūtų iškraipytos, tai yra taip pat taps
100 pikselių.
Paleiskime ir įsitikinkime tuo:
<img src="smile.png" width="100">
:
Nustatykite savo paveikslėlio plotį į 300
pikselių.