Приветствую Вас, Гость

Тема3: «Коммуникационные технологии»(16ч)
Урок 28. Гиперссылки на Веб-страницах

Гиперссылки создаются с помощью тега <A>…</A>. 

<A HREF=‘адрес гиперссылки’>гиперссылка</A>

Атрибуту HREF присваивается следующие значения:

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" текущего документа. (см. Пример 1)

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

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

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

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

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

Пример 1

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

Пример 2

<!-- Использование атрибута HREF: -->
<A HREF="ftp://ftp.cdrom.com" TARGET="_blank">FTP-site</A>
<A HREF="http://opengl.rdc.ru">Русский проект по OpenGL</A>
...

Пример 3

<!-- Создадим ссылку для письма с указанием кучи атрибутов -->
<A HREF="mailto:green@igf.ru?subject=Приглашение &cc=bg@microsoft.com&body=Приезжай на вечеринку.">
Отправить приглашение </A>.
<!-- или просто письмо : -->
<A HREF="mailto:green@igf.ru?subject=Привет">авторам</A>.
Практическое задание:
Сделайте ссылку на школьный сайт http://dtschool.ucoz.ru со своего сайта. Для этого откройте Конструктор (Конструктор - Включить конструктор) и внесите изменения в блок Друзья сайта. После щелчка по значку  
откроется окно редактирования содержимого
В этом окне нас будет интересовать закладка HTML. Откройте закладку и сотрите все имеющиеся там записи. Внесите туда следующий тег:
<li><a href ="http://dtschool.ucoz.ru" target="blank">Школьный сайт</a></li>
Сохраните изменения и выключите конструктор. Посмотрите, что получилось. Ссылка должна выглядеть так:
Практическое задание 2
Ссылку можно оформить и с помощью визуального редактора. Найдите на панели редактирования знак гиперссылки 
После нажатия на этот значок откроется окно вставки гиперссылки
Для создания гиперссылки достаточно выделить элемент, который будет служить ссылкой (текст, рисунок или область), открыть окно вставки гиперссылки и в окошко, помеченное на предыдущем рисунке звездой, вставить адрес ссылки.
Копируйте адрес сайта "Уроки информатики" и вставьте ссылку на него на главной странице. Для этого выберите команду Добавить новость, заполните название "Уроки информатики". В поле Основное содержание внесите текст "Я учусь делать сайт на уроках информатики". Выделите последние два слова и оформите их как ссылку на сайт "Уроки информатики"