Изображения в HTML
Для работы с изображениями в HTML существует тег <img> с атрибутом src, определяющим адрес картинки. Рассмотрим синтаксис:
|
<img src="URL" alt="альтернативный текст"> |
Вместо URL добавляется путь к изображению, а вместо “альтернативный текст” — информацию о графическом файле, которая будет показана, пока картинка загружается. Например:
|
<img src="images/tree.jpg" alt="Дерево" width="300" height="150"> |
Что касается размеров изображения, то за них отвечают атрибуты width (ширина) и height (высота). За обтекание картинки — атрибут align, имеющий такие значения:
- left — рисунок располагается слева, текст обтекает его справа.
- right — рисунок располагается сghfdf, текст обтекает его слева.
- bottom — вертикальное выравнивание. Рисунок отображается слева, тогда как его нижняя часть остается напротив первой строки текста.
- top — вертикальное выравнивание. Изображение слева, однако первая строка текста “выровнена” по верхней границе рисунка.
- middle — вертикальное выравнивание. Середина рисунка выравнивается по базовой линии строки.
Например:
|
<img src="images/tree.jpg" alt="Дерево" width="300" height="150" align="left"> |
Изображение в браузере:
