Для вставки графического изображения применяется тэг <IMG>. Пример кода:
<IMG src=»адрес_Картинки/ваша_Картинка.расширение(gif,jpeg) «align=»выравнивание»>, то есть <IMG src=»files/image1.jpeg»align=»right»>
Атрибуты тэга <IMG> приведены в таблице 6.4.
Таблица 6.4 – Атрибуты тэга <IMG>
Атрибут | Назначение |
src=»URL» | URL-адрес файла изображения. |
Alt=»text» | Текст, отображаемый вместо изображения, при невозможности его вывода. |
align= | Выравнивание изображения. Может принимать значения: left –выравнивание изображения по левой границе экрана браузера; right –выравнивание изображения по правой границе экрана браузера; top –выравнивание текста по верхней границе изображения; middle –выравнивание текста по центру изображения; bottom –выравнивание текста по нижней границе изображения; texttop –выравнивание текста по верхний границе изображения, относительно самых высоких символов; absmiddle –выравнивание середины строки относительно середины изображения; baseline –выравнивание нижней рамки изображения относительно базовой линии текстовой строки; absbottom –выравнивание нижней границы изображения относительно нижней границы текущей строки. |
Height | Высота картинки в пикселях. |
Width | Ширина картинки в пикселях. |
Border | Ширина рамки вокруг картинки в пикселях (только NN). |
Hspace | Ширина свободного пространства в пикселах, которое должно отделять изображение от текста по горизонтали. |
Vspace | Ширина свободного пространства в пикселах, которое должно отделять изображение от текста по вертикали. |
Примеры выравнивания изображения приведены в таблице 6.5.
Таблица 6.5 – Выравнивание изображения
Параметр | Назначение |
left | Изображение прижимается к левому полю окна. Текст обтекает изображение справа. |
Right | Изображение прижимается к правому полю окна. Текст обтекает изображение с лева. |
Top | Верхняя граница изображения выравнивается по самому высокому элементу текущей строки. |
Middle | Выравнивание середины изображения по базовой линии текущей строки |
bottom | Выравнивание нижней границы изображения по базовой линии текущей строки |
texttop | Верхняя граница изображения выравнивается по самому высокому текстовому элементу теущей строки |
absmiddle | Выравнивание середины изображения посередине текущей строки |
baseline | Выравнивание нижней границы изображения по базовой линии текущей строки |
absbottom | Выравнивание нижней границы изображения по нижней границе текущей строки |