Гиперссылки |
Ссылка (гиперссылка) - это возможность связать
любой находящийся на данной странице фрагмент текста, либо рисунок с другой
Интернет-страницей или файлом данных, так что при щелчке мышью на таком тексте или рисунке
пользователь автоматически переходит на указанную в ссылке страницу (если она находится на
другом сервере, с ним автоматически устанавливается связь, если он доступен). Фрагменты текста
, являющиеся ссылками, на странице обычно выделяются цветом и подчёркиванием.
|
Ссылка состоит из двух частей:
- указатель ссылки, отображается на странице;
- адресная часть (URL-адрес)
Указатели бывают двух видов
|
Организация ссылок |
Контейнер
<A>...</A> |
содержимое контейнера определяет указатель ссылки фрагмент текста - для текстового указателя тэг <IMG SRC=...> - для графического указателя
|
параметр
HREF |
параметр тэга <A>, значение которого определяет адресную часть ссылки <A HREF=URL-адрес>указатель ссылки </A> |
параметр
TITLE |
необязательный параметр тэга <A>, значение которого текстовая строка выводимая браузером при наведении на ссылку курсора мыши |
параметр
LINK |
параметр тэга <BODY>, значение которого определяет цвет ещё не просмотренной ссылки |
параметр
ALINK |
параметр тэга <BODY>, значение которого определяет цвет активной ссылки |
параметр
VLINK |
параметр тэга <BODY>, значение которого определяет цвет уже просмотренной ссылки |
Внутренние ссылки |
Кроме ссылок на другие документы, часто бывает полезно включить ссылки на разные части текущего документа. Например, большой документ читается лучше, если он имеет оглавление со ссылками на соответствующие разделы.
|
Для создания внутренней ссылки необходимо:
- создать указатель (закладку), определяющий место назначения, для этого в нужном месте размещается тэг <A NAME="[имя]"> </A>, где имя - уникальная для данного документа последовательность латинских букв и цифр
- в адресной части ссылки записать это имя, начиная его символом #
|
Ссылки на электронную почту |
Для создания ссылки на адрес электронной почты в значении параметра HREF вместо URL-адреса следует указать адрес электронной почты, предварив его словом mailto:.
|
Пример 13. Типы гиперссылок |
Пример HTML кода |
Отображение в браузере |
Ссылка на другую страницу, находящуюся в том же каталоге, что и текущая
|
<A HREF="lesson1.html" TITLE="Структура страницы">Тема 1.</A> |
Тема 1. |
Ссылка на другую страницу, находящуюся в каталоге, на один
уровень выше
|
<A HREF="../index.html" TITLE="Главное меню">Начало.</A> |
Начало. |
Ссылка на закладку текущей страницы |
<A HREF="#makelink" TITLE="Как организовать ссылку">Ссылки</A> |
Ссылки |
Ссылка на закладку другой страницы |
<A HREF="lesson3.html#example5" TITLE="Управление начертанием шрифта">Шрифт</A> |
Шрифт |
Ссылка с графическим указателем
|
<A HREF="../Test/tests.html" TITLE="Тесты по всем предметам">IMG SRC="butt.gif" BORDER=0</A> |
 |
Ссылка на сайт Интернета.
|
<A HREF="http://www.informika.ru" TITLE="Официальный сайт">Сайт Министерства образования</A> |
Сайт Министерства образования |
Ссылка на адрес электронной почты
|
e-mail: <A HREF="mailto:sc17@mail.ru" TITLE="Адрес школы">sc17@mail.ru</A> |
e-mail: sc17@mail.ru |
- Задание 7.
- Создать страничку, следущего содержания
- заголовок: Задание 7.
- текст страницы: Нумерованный список выполненных заданий(с указанием темы),
каждый элемент - гиперссылка на соответствующий файл.
- Сохранить файл в личной папке под именем 7.html
- Практическая работа 2.
- Дополнить Дополнить страничку "Периферийные устройства компьютера" (work1.html),
более подробной информацией о каждом устройстве. Статьи:
- Организовать внутренние ссылки, использовать как текстовые, так и графические указатели.
- После каждой статьи предусмотреть возврат на начало страницы.
- Сохранить под именем work2.html
|