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

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

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

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

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

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

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

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

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

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

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

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" HEIGHT="53" ALT="Рысь" HSPACE="10" ALIGN="left"> Этот текст обтекает картинку с рысью справа и находится от нее на расстоянии 10 пикселов.

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

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

Для завершения обтекания изображения текстом используйте параметр CLEAR элемента BR .

Значения top и texttop параметра ALIGN не совсем идентичны, и их использование порой дает разный результат. Необходимо указывать значения параметров HSPACE и VSPACE, даже если хотите оставить поля нулевой ширины. Бывает, что некоторые браузеры по умолчанию присваивают им какое–то небольшое значение, не равное нулю.

EMBED

(В спецификациях W3C отсутствует) – Embed

Используется для вставки в HTML различных объектов: не–HTML документов и media–файлов. Тип вставляемого объекта, будь то музыкальный wav/midi–файл или трехмерный мир VRML, должен быть зарегистрирован на машине пользователя как проигрываемый одним из имеющихся plug–in'ов или поддерживаемый каким–либо приложением. Если браузер поддерживает элемент EMBED, содержащиеся между начальным и конечным тэгами текст и элементы будут игнорироваться.

Параметры:

Вставка объекта происходит так же, как и вставка изображения (см. элемент IMG): под внедряемый объект необходимо сначала выделить место. Поэтому элемент EMBED имеет ряд одинаковых с элементом IMG параметров, а именно: NAME, ALIGN, ALT, BORDER, WIDTH, HEIGHT, HSPACE и VSPACE.

Другие параметры:

SRC – обязательный параметр. Определяет имя файла вставляемого объекта.

PLUGINSPACE – указывает на адрес (URL), по которому можно найти plug–in, необ–ходимый для просмотра типа файлов, аналогичных указанному в параметре SRC.

PALETTE – определяет тип цветовой палитры для просмотра объекта. Данный параметр работает только на Windows–машинах с 256–цветной системной палитрой. Возможные значения:

background – использовать background–палитру для отображения объекта (используется по умолчанию).

foreground – использовать foreground–палитру для отображения объекта.

HIDDEN – определяет, отображать указанный объект или нет. Возможные значения:

true – отображать объект.

false – не отображать объект (используется по умолчанию).

TYPE – явно указывает браузеру к какому типу файлов относится загружаемый объект, помогая определить необходимое средство просмотра (plug–in). В качестве значения указывается зарегестрированный MIME–тип файла.

<EMBED SRC="music.mid" HIDDEN="true">
<NOEMBED>Альтернативный текст для старых браузеров</NOEMBED>
</EMBED>

NOEMBED

(HTML 3.2) – No Embed

Определяет текст, который будет отображен, если браузер по какой–либо причине не работает с элементом EMBED.

<EMBED SRC="music.mid" HIDDEN="true">
<NOEMBED> Ваш браузер морально устарел ;–D </NOEMBED>
</EMBED>

APPLET

(HTML 3.2) – Applet

Имеет начальный и конечный тэги. Используется для вставки в HTML Java–апплетов – программ на языке Java, исполняемых браузером на вашем компьютере. Java–апплет исполняется в специально отведенном для него месте, отображаясь в документе наподобие картинки. Поэтому многие параметры элемента APPLET сходны с параметрами элемента IMG.

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

Параметры:

CODE – обязательный параметр. Определяет имя файла исполняемого Java–апплета.

CODEBASE – указывает базовый адрес (URL), по которому находится файл с кодом исполняемого Java–апплета. Если парамер CODEBASE опущен, используется URL текущего документа.

ALIGN – обязательный параметр. Указывает способ выравнивания Java–апплета. Может принимать те же значения, что и аналогичный параметр элемента IMG.

HEIGHT и WIDTH – обязательные параметры. Определяют ширину и высоту (в пикселах) окошка вывода программы.

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

NAME – указывает имя Java–апплета, уникальное для данного документа. Позволяет Java–апплетам на данной странице находить себе подобных и взаимодействовать друг с другом.

ALT – определяет текст, отображаемый на месте апплета браузером, если браузер понимает элемент APPLET, но не может выполнять Java–апплеты.

SRC – указывает адрес (URL), ассоциированный с апплетом. Например, адрес сайта разработчика апплета.

<APPLET CODE="JumpingGirl.class" WIDTH="30" HEIGHT="40" ALIGN="left" ALT="Прыгающая девочка">
Если вы видите этот текст, значит ваш браузер не поддерживает Java.
</APPLET>

В результате слева отображается окошко (размером 30x40 точек) с прыгающей девочкой. Само собой, у вас должен быть файл JumpingGirl.class, который должен лежать в той же директории, что и текущий документ.

<APPLET CODEBASE="http://www.igf.ru/javagames" CODE="CrazyTetris.class" HEIGHT="500" ALIGN="right" SRC="http://www.igf.ru" ALT="Игра Тетрис">
</APPLET>

В данном примере справа отображается окошко (размером 300x500 точек) с игрой Тетрис. Браузер будет пытаться загрузить игру используя URL "http://www.igf.ru/javagames/СrazyTetris.class".