2015-03-22
340
Для вставки графического изображения применяется тэг <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 | Выравнивание нижней границы изображения по нижней границе текущей строки |
