Параметры
align – определяет, как рисунок будет выравниваться по краю и способ обтекания текстом.
alt - альтернативный текст для изображения.
border - толщина рамки вокруг изображения.
height - высота изображения.
hspace - горизонтальный отступ от изображения до окружающего контента.
ismap - сообщает браузеру, что картинка является серверной картой-изображением.
src - путь к графическому файлу.
vspace - вертикальный отступ от изображения до окружающего контента.
width - ширина изображения.
usemap - ссылка на тег <MAP>, содержащий координаты для клиентской карты-изображения.
Закрывающий тег - не требуется.
align
Для изображений можно указывать их положение относительно текста или других изображений на веб-странице. Способ выравнивания изображений задается параметром align тега <IMG>.
Синтаксис
<img align="bottom | left | middle | right | top">
Значения
В таблице перечислены возможные значение параметра align и результат его использования.
Значение |
Описание |
Пример |
|
bottom |
Выравнивание нижней границы изображения по окружающему тексту |
Lorem
ipsum dolor sit amet, consectetuer
|
|
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... |
|
top |
Верхняя граница изображения выравнивается по самому высокому элементу текущей строки. |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit... |
|
adipiscing
elit...
Наиболее популярные параметры — left и right, создающие обтекание текста вокруг изображения.
Значение по умолчанию: bottom
ALT
Параметр alt устанавливает альтернативный текст для изображений. Такой текст позволяет получить текстовую информацию о рисунке при отключенной в браузере загрузке изображений. Поскольку загрузка изображений происходит после получения браузером информации о нем, то замещающий рисунок текст появляется раньше. А уже по мере загрузки текст будет сменяться изображением.
Браузеры также отображают альтернативный текст в виде подсказки, появляющейся при наведении курсора мыши на изображение.
1.1.1.Синтаксис
HTML |
<img alt="текст"> |
Любая подходящая текстовая строка. Ее обязательно надо брать в двойные или одинарные кавычки.
border
Изображение, помещаемое на страницу, можно поместить в рамку различной ширины. Для этого служит параметр border тега <IMG>. По умолчанию рамка вокруг изображения не отображается за исключением случая, когда рисунок является ссылкой. При этом цвет рамки совпадает с цветом ссылок, заданных с помощью стиля или параметра link тега <BODY>.
Чтобы убрать рамку, следует задать параметр border="0".