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

Тэг <IMG> позволяет вставить в документ изображение. Оно появится в том месте документа, где находится этот тэг. Данный тэг является одиночным. Графика в Web, как правило, распространяется в трех форматах: GIF, JPG, PNG. При вы­полнении следующего задания будем считать, что графический файл WAGON.GIF хранится в рабочем каталоге KURS, где находится и наша Web-страница.

Задание 10. Размещение графики на Web-странице. Внесите изменения в файл 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>

На экране вы увидите то, что показано на рис. 5.

Рис. 5


Тэг <IMG> имеет немало атрибутов, описанных в табл. 2, которые можно задавать дополнительно. Они могут располагаться в любом месте тэга после кода IMG.

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

Атрибут Формат Описание
ALT <IMG SRC = "WAGON.GIF" ALT = "картина"> Задает текст, заменяющий изобра­жение в том случае, если броузер не воспринимает это изображение
BORDER <IMG SRO="WAGON.G1F" BORDER="3"> Задает толщину рамки вокруг изо­бражения. Измеряется в пикселях
ALIGN <IMG SRC="WAGON.G1F" AL1GN=TOP> Задает выравнивание изображения относительно текста: относительно текста выровнена верхняя часть изо­бражения - ТОР, нижняя - BOTTOM, средняя - MIDDLE
HEIGHT <IMG SRC="WAGON.G1F" HEIGHT=111> Задает вертикальный размер изо­бражения внутри окна броузера
WIDTH <IMG SRC="WAGON.GIF" WIDTH=220 > Задает горизонтальный размер изо­бражения внутри окна броузера
VSPACE <IMG SRC='"WAGON.GIF" VSPACE="8"> Задает добавление верхнего и ниж­него пустых полей
HSPACE <IMG SRC="WAGON.GIF" HSPACE="8"> Задает добавление левого и право­го пустых полей

Задание 11. Установка атрибутов изображения.

Самостоятельно внесите изменения в файл RASP.HTM: опробуйте использова­ние таких атрибутов графики, как ALT, BORDER, HEIGHT, WIDTH.

Примечание. Всегда обращайте внимание на размер (объем в байтах) графиче­ского файла, так как это влияет на время загрузки Web-страницы.


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



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