Главная | Обратная связь | Поможем написать вашу работу!

Ссылки могут указывать на другой документ, специальное место данного документа или выполнять другие функции, например запрашивать файл по FTP–протоколу для отображения его браузером.

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

Ссылки на другие документы в HTML создаются с помощью элемента A.

(HTML 1.0) – Anchor

Данный элемент используется для создания и использования гипертекстовых ссылок.

Параметры:

HREF – определяет находящийся между начальным и конечным тэгами текст или изображение как гипертекстовую ссылку (URL, или линк) на документ (и/или область документа), указанный в значении данного параметра. Возможные значения:

http://... – создает ссылку на www-документ;

ftp://... – создает ссылку на ftp-сайт или расположенный на нем файл;

mailto:... – запускает почтовую программу-клиент с заполненным полем имени получателя. Если после адреса поставить знак вопроса, то можно указать дополнительные атрибуты, разделенные знаком "&";

news:.. – создает ссылку на конференцию сервера новостей;

telnet://... – создает ссылку на telnet-сессию с удаленной машиной;

wais://... – создает ссылку на WAIS - сервер;

gopher://... – создает ссылку на Gopher - сервер;

Если тип соединения и адрес машины не указаны, в качестве отправной точки используется адрес текущего документа. Это позволяет использовать относительные ссылки. Например, линк <A HREF="docs/title.html"> Документация </A> будет ссылаться на файл title.html в подкаталоге docs (относительно текущего).

NAME – помечает находящуюся между начальным и конечным тэгами область документа как возможный объект для ссылки. В качестве значения нужно латиницей написать любое слово-указатель, уникальное для данного документа. Например: <A NAME="part">Раздел1</A>. Теперь вы можете ссылаться на помеченную область простым указанием ее имени после имени документа. Например, линк <A HREF="document.html#part">Раздел1</A> отправит вас в раздел "part" файла document.html, а линк <A HREF="#bottom">В конец документа</A> – в раздел "bottom" текущего документа.

<A NAME="history">История бодибилдинга</A>
...
<A NAME="now">Спорт глазами современника</A>
...
Вернуться к разделу<A HREF="#history">истории</A>

TARGET – определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот параметр используется только совместно с параметром HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов, либо одно из следующих зарезервированных имен:

_self – указывает, что определенный в параметре HREF документ должен отображаться в текущем фрейме;

_parent – указывает, что документ должен отображаться во фрейме-родителе текущего фрейма. Иначе говоря, _parent ссылается на окно, содержащее FRAMESET, включающий текущий фрейм;

_top – указывает, что документ должен отображаться в окне-родителе всей текущей фэймовой структуры;

_blank – указывает, что документ должен отображаться в новом окне.

<A HREF="ftp://ftp.cdrom.com" TARGET="_blank">FTP-site</A>
<A HREF="http://opengl.rdc.ru">Русский проект по OpenGL</A>
...

Задание:

1. Создать в своей директории документ "links.htm".

<html>
<head>
<title>Ссылки</title>
<meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251">
</head>

<TD height=30 width="11%"><A href="http://www.bestworld.ru/"><IMG
border=0 height=25 src="link7.gif" width=25></A></TD>
<TD width="89%"><FONT size=2><A
href="http://www.bestworld.ru/">развлечения</A></FONT></TD></TR></TBODY></TABLE> 
</body>
</html>

2. Разместите в нем ссылки на сайты, содержащие:

· документация по HTML;

· документация по CSS;

· документация по JavaScript;

· документация по PHP;

· документация по MySql;

· документация по Delphi;

· документация по Visual FoxPro;

· документация по SPSS;

Документ должен содержать ссылки (не менее 10) и краткую информацию о них.

Контрольные вопросы:

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

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

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

Элемент 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>, так как после картинки появится пустое пространство в несколько пикселей.

⇐ Предыдущая 1 2 345 6 7 Следующая ⇒

Воспользуйтесь поиском по сайту: