- •Министерство образования российской федерации
- •Мировые информационные ресурсы
- •Введение
- •Тема 1: Web-технология и Всемирная паутина
- •Как создаются Web-страницы?
- •Поисковые машины, серверы и системы
- •Наиболее популярные ресурсы по поиску информации
- •Тема 2: Создание гипертекстовых документов посредством языка html Форматирование текста
- •Основные тэги html
- •Названия и коды цветов
- •Расчетное задание №1 Работа с текстовыми тэгами
- •Графические изображения
- •Вставка графики
- •Гиперссылки
- •Гипертекстовые ссылки
- •Расчетное задание №2 Внедрение графики в html-документ и использование гиперссылок
- •Элементы html для построения таблиц
- •Расчетное задание №3 Использование таблиц и фреймов
- •Формы (формуляры)
- •Использование скриптов
- •Расчетное задание №4 Работа с формами и использование JavaScript
- •Мировые информационные ресурсы
Гиперссылки
Гипертекстовые ссылки связывают разрозненные Web-страницы, выложенные на Web-серверах, в одну гигантскую сеть, “паутину WWW”.
Гиперссылка состоит из двух частей: псевдокнопки и адресной части (уже известный нам URL). Псевдокнопка – это просто какой-то текст или графическое изображение, по которому пользователь должен щелкнуть мышью.
Текстовая псевдокнопка обычно выделяется в браузере подчеркиванием, а указатель мыши, “проходя” над ней, меняется на изображение указательного пальца. Весь процесс “виртуального путешествия по сети Интернет” заключается именно в многочисленных “щелканьях” мышью по ссылкам.
Таблица 6
Гипертекстовые ссылки
Тэг |
Атрибуты |
Назначение |
<a> </a> |
|
Гипертекстовая ссылка |
|
HREF="URL" |
Специфицирует загружаемый HTML-документ или другой доступный ресурс с указанного сервера |
|
HREF="URL#Имя_ указателя" |
Специфицирует загружаемый HTML-документ, который после загрузки позиционируется относительно метки Имя_указателя (см. ниже) |
|
NAME="имя_ указателя" |
Устанавливает в HTML-документе метку имя указателя с тем, чтобы после его загрузки в браузер было произведено позиционирование документа относительно этой метки (см. пред.) |
|
ONMOUSEOVER= "действие" ONMOUSEOUT= "действие" |
Специфицирует действие, которое должно быть произведено в момент, когда указатель мыши: расположен над ссылкой покидает зону над ссылкой |
Продолжение табл. 6
|
||
|
TARGET="цель" |
Указывает область загрузки ресурса, специфицированного атрибутом href. По умолчанию загружается в ту же область, которую занимал документ, в котором расположена данная ссылка. Может принимать следующие значения: • _top — новый ресурс загружается в рабочую область браузера, игнорируя предыдущее разбиение на фреймы • _blank — документ загружается в новое окно браузера • { имя } — документ загружается в фрейм с именем {имя}, специфицированный атрибутом NAME тэга < FRAME > |
Для создания гипертекстовой ссылки используется тэг <A> следующего формата:
<a href=”url”> Любой текст </a>
URL может быть полным или сокращенным. Сокращенный адрес указывается, когда происходит ссылка на документ, который расположен в одном каталоге с текущей страницей.
Например, ссылка <a href=”page1.htm”> Страница 1 </a> приведет к загрузке HTML-документа, хранящегося в том же каталоге в виде файла с именем page1.htm.
Если в качестве псевдокнопки необходимо использовать изображение, тогда тэг, описывающий графический объект, следует обрамить тэгом гиперссылки:
<a href=”index.htm”> <imf src=”home.gif” alt=”На главную страницу”> </a>
В этом примере приведена ссылка на главную страницу (index.htm) Web-сайта. Предполагается, что на диске имеется GIF-файл с именем home.gif, в котором хранится некое изображение.
В том случае, когда используются переходы внутри текущей страницы, на ней должны быть расставлены метки или якоря. Для них предусмотрен элемент:
<a name=”Метка”>ключевое слово или заголовок раздела</a>
В качестве метки рекомендуется использовать короткий набор латинских букв.
Шаблон гиперссылки для перехода
к метке внутри текущей страницы:
<a href=”#Метка”> текст для щелчка</a>
к определенной части любого Web-документа:
<a href=”http://Адрес/имя файла.html#Метка”> текст для щелчка</a>