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

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

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

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

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

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

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

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

страница.

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

<html>

<head>

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

</head>

<body bgcolor= «#ffffff» text= «#330066»>

<p align=center>

<font color= «#008080» size= «7»><b> расписание

</b></font><br>

<font size= «6»> <i>занятий на вторник</i></font><br><br>

<img src= «wagon.gif»>

</p>

</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.

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

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

узера.

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

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

узера.

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

пустые поля.

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

тые поля.



Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: