Учебник по веб дизайну
 Свободное программное обеспечение. Доступно. Бесплатно. Легально.
Учебник
HTML
  Первая страничка
  Форматирование
  Фон и цвет
  Изображения
  Изображение-карта
  Ссылки
  Таблицы
  Списки
  Фреймы
  Внутренние фреймы
CSS
DHTML
JavaScript
SSI
Раскрутка
Справочник
HTML
JavaScript
SSI
Браузеры
Хостинг
Скрипты
JavaScript
PHP
Статьи
SEO
HTML
Flash
Все об Интернет
Новости Интернет
Утилиты
Конструктор
Информер
А так же...
Наши баннеры
Контакты
Гостевая
Реклама на сайте

Ссылки

Ссылки реализуются с помощью тега <A>. Обязательное свойство href имеет значение адреса страницы в Интернет. Адрес может быть абсолютным (например, http://design.originweb.info/) или относительным (например, index.html).

Тег <A> может содержать необязательное свойство target определяющее параметры действия ссылки. Возможные значения: _top - открыть ссылку в текущем окне (если страница содержала фреймы, то они исчезают и остается только одна страница); _blank - открыть гиперссылку в новом окне браузера; _self - загружает ссылку в текущее окно (стоит по умолчанию); _parent - загружает страницу в окно, в котором определяются фреймы сайта.

Свойство title содержит текст, который будет показываться при наведении курсора мыши на ссылку. Необязательный параметр.

Например, ссылка Учебник HTML выглядит так:

<A href="http://design.wmplace.net/" target="_blank" title="Учебник HTML"> Учебник HTML </A>

Цвет гипертекстовых ссылок по умолчанию можно задать с помощью тега <BODY>: LINK - цвет гипертекстовых ссылок, VLINK - цвет посещенных гипертекстовых ссылок, ALINK - цвет активных гипертекстовых ссылок. В приведенном ниже примере устанавливается синий цвет (blue) ссылок, зеленый цвет (green) посещенных ссылок и красный цвет (red) активных ссылок.

КодОтображение
<BODY LINK="blue" VLINK="green ALINK="red> <A HREF="http://design.originweb.info/" TARGET="_blank"> Ссылка </A> </BODY> Ссылка

Следует отметить, что вместо приведенного выше кода рекомендуется использовать средства CSS.

С помощью гипертекстовой ссылки можно реализовать вызов формы отправки письма почтовой программы:

КодОтображение
<A HREF="mailto:name@doname.somezone" title="Почтовая ссылка"> Написать письмо </A> Написать письмо
<A HREF="mailto:name@doname.somezone?subject=Предложение&body=А что если, ..." title="Почтовая ссылка"> Написать письмо </A> Написать письмо

Первый код соответствует вызову формы отправки сообщения почтовой программы с заполненным адресом, куда отправляется письмо. Второй код соответствует расширенной форме с указанием темы и тела письма. Для указания дополнительной информации ставим знак вопроса (?) после e-mail адреса. Тема письма задается в поле subject, тело письма в поле body. Поля отделяются друг от друга знаком амперсанд (&). Символы &nbsp; ни что иное, как символ пробела. Также можно использовать дополнительные поля сс - копии письма и bcc - скрытые копии письма (e-mail адреса в этих полях разделяются запятыми).

С помощью гипертекстовой ссылки можно реализовать переход на закладку на странице. Закладка создается в виде <A NAME="link_name"> </A> (link_name - имя закладки). Переход на эту закладку осуществляется гиперссылкой вида <A HREF="document_name#link_name"> Перейти </A> (document_name - название страницы с закладкой link_name). В приведенном ниже примере гиперссылка ссылается на начало текущего документа.

КодОтображение
<A HREF="#a_top"> наверх </A> наверх

Так как переход осуществляется на закладку в текущем документе, то имя документа можно опустить.

Реклама

Иисус изменил твою жизнь. Сохранить(Да/Нет) ?
главная :: наверх :: добавить в избранное :: сделать стартовой :: рекомендовать другу :: карта сайта

Rambler's Top100

Страница сгенерированна за 0.0091 сек.
Сайт оптимизирован под разрешение 800х600 и браузер MS IE 6.0.
Copyright © 2005-2010 originweb.info, design.originweb.info.
Хостинг ruweb.net