Рисунки хранятся на Web-узлах в отдельных файлах, но отображаются как элементы Web-страниц. Для вставки рисунка используется текстовый элемент, задаваемый непарным тегом <IMG>. Teг <IMG> должен содержать обязательный атрибут SRC=, задающий адрес URL файла с изображением в относительной или абсолютной форме.
<IMG SRC="picture1.gif">
При отображении рисунка броузер по умолчанию использует его реальные размеры. Если рисунок необходимо отмасштабировать, применяют атрибуты WIDTH= и HEIGHT=, задающие ширину и высоту рисунка (в пикселах), соответственно.
<IMG SRC="picture2.jpg" WIDTH="100" HEIGHT="40">
Внешний вид Web-страницы зависит от того, как именно рисунок располагается на ней. Так как рисунок задается как текстовый элемент, находящийся внутри какого-то абзаца, по умолчанию он рассматривается как встроенное изображение, включаемое в строку текста. Чтобы изображение отображалось автономно, его включают в отдельный абзац.
Для изображения, которое действительно включено в строку, можно задать режим взаимодействия с текстом с помощью атрибута ALIGN=.
<IMQ SRC="picture3.gif" ALIGN="BOTTOM">
Этот атрибут может принимать значения:
· ALIGN="BOTTOM" - нижняя граница изображения совмещается с основанием текстовой строки;
· ALIGN="MIDDLE" - середина изображения совмещается с серединой текстовой строки;
· ALIGN='TOP" - верхняя граница изображения выравнивается по верхнему обрезу текстовой строки.
Более предпочтительным является использование «плавающего» изображения, обтекаемого текстом, что также достигается использованием атрибута ALIGN=:
· ALIGN="LEFT" -изображение размещается у левого края страницы, а последующий текст размещается справа от него;
· ALIGN="RIGHT" -изображение размещается у правого края страницы, а последующий текст размещается слева от него.В этом случае рекомендуется помещать тег <IMG> в самое начало соответствующего абзаца.
Однако нормальный режим обтекания требует, чтобы между текстом и изображением оставался некоторый промежуток. Задать величину этого промежутка можно при помощи атрибутов HSPACE= (по горизонтали) и VSPACE= (по вертикали). Размеры задаются в пикселах.
Альтернативный текст задается как значение атрибута ALT= и отображается вместо картинки, если она по каким-то причинам не может быть выведена.
Изображение может быть помещено внутрь другого текстового элемента, например, задающего гиперссылку (тег <А>). В этом случае изображение становится изображением-ссылкой.
Еще один способ применения изображений на Web-страницах состоит в использовании их в качестве фонового рисунка. При отображении документа, содержащего фоновый рисунок, на компьютере рабочая область окна заполняется этим рисунком последовательно (как паркетом), считая от верхнего левого угла документа или окна. Фоновый рисунок задается с помощью атрибута BACKGROUND= (или BGCOLOR=)в теге <BODY>. Значением этого атрибута должен быть абсолютный или относительный адрес URL для файла с изображением.
<BODY BACKGROUND=”waves.gif” TEXT="YELLOW">
Дата добавления: 2015-10-02; просмотров: 55 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Гипертекстовые ссылки | | | Форматирование текста |