Опешите все элементы для работы со списками.

Перечислите параметры упорядоченного списка.

Опишите элементы, предназначенные для неупорядоченного списка.

Элемент DL и его параметр.

Для чего нужны гипертекстовые ссылки?

Перечислите параметры элемента А.

Как организуется структура ссылок в HTML–документе?

Как организовать ссылки внутри документа?

Лабораторная работа №4

Тема: Объекты HTML–документов

Цель: Научится работать с объектами, необходимыми для работы с HTML–документами

Объекты – это графические и мультимедийные вставки в HTML–документ, такие как картинки, Java–апплеты, звуки, музыка, VRML.

Элементы для вставки объектов:

IMG	Используется для вставки в HTML изображений
EMBED	Используется для вставки в HTML различных объектов
NOEMBED	Используется, если браузер не поддерживает элемент EMBED
APPLET	Используется для вставки в HTML Java–апплетов
PARAM	Используется для передачи параметров Java–программе (см. элемент APPLET)

 

IMG

(HTML 2.0) – Image

Используется для вставки изображений в HTML–документ.
Это один из самых популярных элементов, незаменимый инструмент web–дизайнера. Элемент допускает вставку изображений в форматах JPEG (в том числе progressive jpeg) и Compuserve GIF (включая прозрачные и анимированные). Последние версии браузеров позволяют также использовать формат PNG, но до тех пор пока они не устареют от применения PNG лучше воздержаться. Элемент IMG не имеет конечного тэга.

Параметры:

SRC – обязательный параметр. Указывает адрес (URL) файла с изображением.

HEIGHT и WIDTH – определяют ширину и высоту изображения соответственно. Если указанные значения не совпадают с реальным размером изображения, изображение масштабируется (порой с заметной потерей качества).

HSPACE и VSPACE – определяют отступ картинки (в пикселах) по горизонтали и вертикали от других объектов документа. Просто необходимо при обтекании изображения текстом.

ALIGN – обязательный параметр. Указывает способ выравнивания изображения в документе. Может принимать следующие значения:

left – выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.
right – выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.
top и texttop – выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.
middle – выравнивает базовую линию текущей текстовой строки с центром изображения.
absmiddle – выравнивает центр текущей текстовой строки с центром изображения.
bottom и baseline – выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.
absbottom – выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.

NAME – определяет имя изображения, уникальное для данного документа. Вы можете указать любое имя без пробелов с использованием латинских символов и цифр. Имя необходимо, если вы планируете осуществлять доступ к изображению, например, из JavaScript–сценариев.

ALT – определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен в текстовый режим. В качестве значения задается текст с описанием изображения.

BORDER – определяет ширину рамки вокруг изображения в пикселах. Рамка возникает, только если изображение является гипертекстовой ссылкой. В таких случаях значение BORDER обычно указывают равным нулю.

LOWSRC – указывает адрес (URL) файла с альтернативным изображением более низкого качества (и, соответственно, меньшего объема), чем изображение, указанное в параметре SRC. Браузеры, поддерживающие данный параметр, сначала загрузят картинку из LOWSRC, a затем заменят ее картинкой из SRC.

USEMAP – применяет к изображению навигационную карту (image map), заданную элементом MAP. В качестве значения задается имя карты с предшествующей ему решеткой. Например, если имя карты – "map1", то ссылка на нее будет выглядеть как "#map1". Обратите внимание: прописные и строчные буквы в данном параметре трактуются браузером как разные.

ISMAP – определяет изображение как навигационную карту (image map), обрабатываемую сервером. Имеет смысл использовать только тогда, когда изображение является гиперссылкой. После клика мышкой на изображении серверу отправляются x,y–координаты нажатия. В зависимости от полученных координат, сервер (при наличии на нем соответствующего программного обеспечения) может показать тот или иной документ. Данный параметр является флагом и не требует присвоения значения.

 

<IMG src="img/picture.gif" WIDTH="45" HEIGHT="53" ALT="Рысь" HSPACE="10" ALIGN="left"> Этот текст обтекает картинку с рысью справа и находится от нее на расстоянии 10 пикселов.

<A HREF="carlson.html">
<IMG src="img/button.jpg" WIDTH="70" HEIGHT="30" ALIGN="right" BORDER="0" ALT="Досье Карлсона">
</A>
Для просмотра досье нажмите на кнопку справа.

 

<A HREF="http://www.igf.ru/bin/imagemaps/map1">
<IMG SRC="map.gif" ISMAP></A>

<IMG src="img/buttons.jpg" WIDTH="170" HEIGHT="120" ALIGN="middle" BORDER="0" USEMAP="#ButtonsMap">

Примечания: Необходимо всегда явно задавать размеры картинки в параметрах HEIGHT и WIDTH, резервируя тем самым место в окне браузера еще до загрузки изображения. В противном случае документ при загрузке каждой картинки будет заново перерисовываться. А на медленных машинах или при подключении к сети посредством модема это смотрится просто отвратительно. Если на картинке изображено что–то разборчивое, нужно описать это словами в параметре ALT.

ВСЕГДА сразу после <IMG...> вставьте <BR>, так как после картинки появится пустое пространство в несколько пикселей.