Pildi laius HTML-is
Vaikimisi kuvatakse pildid nende
tegelikus suuruses. Näiteks see naeratusega
pilt, mida me varem kuvasime, on
tegelikul suurusel 130 korda 130
pikslit ja sama suurena me näeme seda
brauseris.
Soovi korral saab pildi suurust muuta,
määrates sellele laiuse. Seda tehakse atribuudi
width abil.
Paneme näiteks meie pildile laiuseks
100 pikslit. Selleks määrame atribuudi
width väärtuseks arvu 100,
nagu nii:
width="100"
Millise suurusega pilt meie ekraanil on?
Võib arvata, et järgmine: laius 100
pikslit, nagu me määrasime, ja tegelik kõrgus
130, kuna me seda ei määranud.
Tegelikult ei ole see nii.
Laius on tõepoolest 100 pikslit,
kuid kõrgus kohandub nii, et pildi proportsioonid
ei moonduks, see tähendab, et see muutub samuti
100 piksliks.
Käivitame ja veendume selles:
<img src="smile.png" width="100">
:
Määrake oma pildile laiuseks 300
pikslit.
