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