Изображения HTML

Изображения HTML

Изображения очень важны для повышения привлекательности сайта. С их помощью можно намекнуть пользователю о том, какую информацию он сможет получить на этой странице. Вы можете вставить любое изображение в веб-страницу с помощью тега <img>.

Изображения HTML

Тег <img>

Тег <img> является пустым тегом, так как он не имеет закрывающего тега. Но как и любой другой тег он имеет свои атрибуты. С помощью атрибута "src" - от английского "source" (источник), можно указать адрес картинки, которую Вы хотите поставить на сайт. Атрибут "alt" - от английского "alternative" (альтернатива), указывает как будет называться картинка, кроме того, если путь к картинке не доступен или она с какой-то причины не отображается, то вместо ее пользователи будут видеть именно этот альтернативный текст. Но и єто еще не все, при неведении курсора мыши на изображение Вы увидите надпись альтернативным текстом. Вот пример использования изображения в html:

<img src="http://www.tutorialspoint.com/images/test.png"
alt="Пример использования изображения в html" />

Результат будет таким:

 Пример использования изображения в html

Ширина и высота изображения

Вы можете установить любую ширину и высоту для любого изображения, используя атрибуты "width" (ширинa) и "height" (высота). Вы можете указать ширину и высоту изображения в пикселях или в процентах от его фактического размера. Пример:

<img src="http://www.tutorialspoint.com/images/test.png" 
alt="Изображение в html" height="100" weidth="85"/>

Вот результат:

Изображение в html

Рамка изображения

Вы можете задать толщину рамки изображения в пикселях, используя атрибут "border" - от английского (рамка, граница). Значение 0 означает, что вокруг рисунка рамки нет. Пример:

<img src="http://www.tutorialspoint.com/images/test.png"
alt="Изображение в html" border="3"/>

Вот что получилось:

Изображение в html

Выравнивание изображения

По умолчанию изображение будет выравниваться с левой стороны страницы, но вы можете использовать атрибут "align" , чтобы выровнять изображение в центре или справа. Пример:

<img src="http://www.tutorialspoint.com/images test.png" 
alt="Изображение в html" align="right"/>

Вот результат:

Изображение в html

<<< Предыдущая статья Меню категории

Ставив лайк Вы помогаете сайту :)

Статьи по теме:
Рейтинг:
5.0/5 из 2
Категория: Учебник HTML | Добавил: zaharchuk (15.11.2014)
Просмотров: 2139 | Комментарии: 1
Комментариев: 1
0
1 zaharchuk   (19.11.2014 23:30) [Материал]
Очень интересная статья.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]