Синтаксис
<img src="URL">
Параметры
align
Определяет как рисунок будет выравниваться по краю и способ обтекания текстом.
alt
Альтернативный текст для изображения.
border
Толщина рамки вокруг изображения.
height
Высота изображения.
hspace
Горизонтальный отступ от изображения до окружающего контента.
ismap
Говорит браузеру, что картинка является серверной картой-изображением.
lowsrc
Путь к графическому файлу низкого разрешения для предварительного отображения.
src
Путь к графическому файлу.
vspace
Вертикальный отступ от изображения до окружающего контента.
width
Ширина изображения.
usemap
Ссылка на тег <MAP>, содержащий координаты для клиентской карты-изображения.
Закрывающий тег
Не требуется.
Пример 1. Использование тега <IMG>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body>
<a href="lorem.html"><img src="/images/lorem.gif" width="135" height="28" align="right" vspace="4" hspace="4" border="0"></a> Lorem ipsum dolor sit amet...
</body> </html>
Описание параметров тега <IMG>
Параметр ALIGN
Описание
Для изображений можно указывать их положение относительно текста или других изображений на веб-странице. Способ выравнивания изображений задается параметром align тега <IMG>.
Синтаксис
<img align="absmiddle | baseline | bottom | left | middle | right | texttop | top">
Аргументы
В табл. 1 перечислены возможные значение параметра align и результат его использования.
Табл. 1. Использование значений параметра align |
||
Значение |
Описание |
Пример |
absmiddle |
Выравнивание середины изображения по середине текущей строки. |
Lorem
ipsum dolor sit amet,
|
baseline |
Выравнивание изображения по базовой линии текущей строки. |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
bottom |
Выравнивание нижней границы изображения по окружающему тексту.. |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
left |
Выравнивает изображение по левому краю окна. |
L orem ipsum dolor sit amet, consectetuer adipiscing elit... |
middle |
Выравнивание середины изображения по базовой линии текущей строки. |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
right |
Выравнивает изображение по правому краю окна. |
L orem ipsum dolor sit amet, consectetuer adipiscing elit... |
texttop |
Верхняя граница изображения выравнивается по самому высокому текстовому элементу текущей строки. |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
top |
Верхняя граница изображения выравнивается по самому высокому элементу текущей строки. |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
consectetuer
adipiscing elit...Наиболее популярные параметры — left и right, создающие обтекание текста вокруг изображения. Чтобы текст не прилегал плотно к рисунку, рекомендуется в теге <IMG> добавить параметр hspace и vspace, задающих расстояние до текста в пикселах.