Читайте также:
|
Гипертекстовые ссылки являются ключевым компонентом, делающим WEB привлекательным для пользователей. Добавляя гипертекстовые ссылки (далее – ссылки), создается набор связанных и структурированных документов, что позволяет пользователю получать необходимую ему информацию максимально быстро и удобно. Ссылки имеют стандартный формат, что позволяет браузеру интерпретировать их и выполнять необходимые функции (вызывать методы) в зависимости от типа ссылки.
Ссылки могут указывать на другой документ, специальное место данного документа или выполнять другие функции, например запрашивать файл по FTP–протоколу для отображения его браузером.
URL может указывать на специальное место по абсолютному пути доступа, или указывать на документ в текущем пути доступа, что часто используется при организации больших структурированных WEB–сайтов.
Ссылки на другие документы в HTML создаются с помощью элемента A.
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" текущего документа.
<!-- Использование параметра NAME: -->
<A NAME="history">История бодибилдинга</A>
...
<A NAME="now">Спорт глазами современника</A>
...
Вернуться к разделу<A HREF="#history">истории</A>
TARGET – определяет окно (фрейм), на которое указывает гипертекстовая ссылка. Этот параметр используется только совместно с параметром HREF. В качестве значения необходимо задать либо имя одного из существующих фреймов, либо одно из следующих зарезервированных имен:
_self – указывает, что определенный в параметре HREF документ должен отображаться в текущем фрейме;
_parent – указывает, что документ должен отображаться во фрейме-родителе текущего фрейма. Иначе говоря, _parent ссылается на окно, содержащее FRAMESET, включающий текущий фрейм;
_top – указывает, что документ должен отображаться в окне-родителе всей текущей фэймовой структуры;
_blank – указывает, что документ должен отображаться в новом окне.
<!-- Использование параметра HREF: -->
<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>
<body bgcolor="#4f5e81" text="#FFFFFF">
<BR>
<TABLE border=0 cellSpacing=0 width="100%">
<TBODY>
<TR>
<TD height=30 width="11%"><A href="http://www.desktopmodel.de/"><IMG
border=0 height=25 src="link7.gif" width=25></A></TD>
<TD width="89%"><FONT size=2><A
href="http://www.desktopmodel.de/">обои</A></FONT></TD></TR>
<TR>
<TD height=30 width="11%"><A href="http://www.mota.ru/"><IMG
border=0 height=25 src="link7.gif" width=25></A></TD>
<TD width="89%"><FONT size=2><A
href="http://www.mota.ru/">обои</A></FONT></TD></TR>
<TR>
<TD height=30 width="11%"><A href="http://www.amik.ru/"><IMG
border=0 height=25 src="link7.gif" width=25></A></TD>
<TD width="89%"><FONT size=2><A href="http://www.amik.ru/">сайт
КВН</A></FONT></TD></TR>
<TR>
<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) и краткую информацию о них.
Контрольные вопросы:
Дата добавления: 2015-11-14; просмотров: 44 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Опишите элементы, разбивающие текст документа на блоки. | | | Опешите все элементы для работы со списками. |