Širina slike u HTML-u
Podrazumevano, slike se prikazuju svojom
stvarnom veličinom. Na primer, ta slika
sa osmehom koju smo prikazali iznad, ima
stvarnu veličinu 130 puta 130
piksela i takvu veličinu slike i
vidimo u pregledaču.
Po želji, možete promeniti veličinu slike,
zadavši joj širinu. Ovo se radi pomoću atributa
width.
Hajde za primer da zadamo našoj slici
širinu od 100 piksela. Za ovo ćemo kao vrednost
atributa width navesti broj 100,
ovako:
width="100"
Koje će veličine biti slika na ekranu?
Možda pomisliti da će biti sledeće: širina 100
piksela, kao što smo zadali, i stvarna visina
130, pošto je nismo zadali. Zapravo,
neće biti tako.
Širina će zaista biti 100 piksela,
a visina će se prilagoditi tako da se proporcije
slike ne izobliče, odnosno takođe će postati
100 piksela.
Hajde da pokrenemo i uverimo se u to:
<img src="smile.png" width="100">
:
Postavite vašoj slici širinu od 300
piksela.
