Задание 1. Размещение графики на Web-странице

Дата добавления: 2014-11-28; просмотров: 1580; Нарушение авторских прав

Информация.Тэг <IMG …> позволяет вставить изображение в доку-

мент. Изображение появится в том месте документа, в котором записан

этот тэг. Команда записывается с одиночным тэгом, т.е. закрывающий тэг

не применяется.

Графика в Web, как правило, распространяется в трех форматах: GIF,

JPG, PNG. Для выполнения упражнения считаем, что графический файл

Wagon.gif хранится в рабочем каталоге HTML, где находится и наша Web-

страница.

1. Внесите изменения в файл RASP.HTM:

<html>

<head>

<title> учебный файл html </title>

</head>

расписание

занятий на вторник

<img src= «wagon.gif»>

</body>

</html>

Тэг <IMG …> имеет немало атрибутов (см. таблицу 5), которые мож-

но задавать дополнительно. Они могут располагаться где угодно в тэге по-

сле кода IMG.

Таблица 5. Атрибуты изображения

Атрибут

ALT <IMG

BORDER <IMG

ALIGN <IMG

HEIGHT <IMG

WIDTH <IMG

VSPACE <IMG

HSPACE <IMG

Формат

SRC=«Wagon.gif»

ALT= «картина»>

SRC=«Wagon.gif»

BORDER= «3»>

SRC=«Wagon.gif»

ALIGN=TOP>

SRC=«Wagon.gif»

HEIGHT=111>

SRC=«Wagon.gif»

WIDTH=220 >

SRC=«Wagon.gif»

VSPACE= «8»>

SRC=«Wagon.gif»

HSPACE= «8»>

Описание

Если броузер не воспринимает

изображение, вместо него появ-

ляется заменяющий текст.

Задает толщину рамки вокруг

изображения. Измеряется в

пикселах.

Выравнивает изображение от-

носительно текста:

по верхней части изображения

– TOP,

по нижней – BOTTOM,

по средней – MIDDLE.

Задает вертикальный размер

изображения внутри окна бро-

узера.

Задает горизонтальный размер

изображения внутри окна бро-

узера.

Добавляет верхнее и нижнее

пустые поля.

Добавляет левое и правое пус-

тые поля.

<== предыдущая лекция	\|	следующая лекция ==>
Задание 3. Тэги перевода строки и абзаца	\|	Задание 3. Фоновое изображение графики на Web-странице