Ширина слике у HTML-у
Подразумевано, слике се приказују својом
стварном величином. На пример, она слика
са смајлијем коју смо приказивали горе има
стварну величину од 130 на 130
пиксела и такву величину слике и видимо
у прегледачу.
Ако желите, можете променити величину слике,
задајући јој ширину. То се ради помоћу атрибута
width.
Хајде да за пример поставимо нашој слици
ширину од 100 пиксела. За то ћемо као вредност
атрибута width навести број 100,
овако:
width="100"
Какве ће величине бити слика на екрану?
Могло би се помислити да је следећа: ширина 100
пиксела, као што смо задали, и стварна висина
130, пошто је нисмо задали. Али
у ствари, неће бити тако.
Ширина ће заиста бити 100 пиксела,
али ће се висина подесити тако да се пропорције
слике не изобличе, односно такође ће постати
100 пиксела.
Хајде да покренемо и убедимо се у то:
<img src="smile.png" width="100">
:
Поставите вашој слици ширину од 300
пиксела.
