Для вставки изображения используется тег <img> с одним обязательным атрибутом src (SouRCe – источник). В качестве источника выступает файл графических форматов: gif, jpeg, png:
Пример 10. Вставка изображения.
<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<title>Вставка изображения</title>
</head>
<body>
<p><img src="ball.png" alt="Шар с игрой света и тени" /></p>
</body>
</html>
Рисунок 13. Вставка изображения
Необязательные атрибуты тега:<img>:
· alt="текст" – позволяет указать "текст", который будет выводиться вместо изображения;
· align – атрибут определяет положение изображения относительно окружающего его текста. Возможные значения аргумента:
– align="top" – выравнивает верх изображения по верхнему краю самого высокого элемента в строке окружающего текста;
– align="middle" – выравнивает центр изображения по базовой линии строки окружающего текста;
|
|
– align="bottom" – выравнивает нижний край изображения по базовой линии строки окружающего текста;
– align="left" – изображение располагается вдоль левой границы документа, а последующие строки документа огибают его справа;
– align="right" – изображение располагается вдоль правой границы документа, а последующие строки документа огибают его слева;
– align="texttop" – подобно действию аргумента align="top", но не всегда;
– align="assmiddle" – выравнивает центр изображения по центру строки окружающего текста;
– align="baseline" – подобно действию аргумента align="bottom";
– align="absbottom" – выравнивает нижний край изображения по нижнему краю строки окружающего текста;
· border="n" – целочисленное значение аргумента определяет толщину рамки вокруг изображения;
· hspace="n" – целочисленное значение аргумента определяет горизонтальное расстояние между вертикальной границей страницы и изображением, а также между изображением и огибающим его текстом;
· vspace="n" – целочисленное значение аргумента задает вертикальное расстояние между строками текста и изображением;
· width="n" – целочисленное значение аргумента задает размер изображения по горизонтали;
· height="n" – целочисленное значение аргумента задает размер изображения по вертикали.