Идёт загрузка страницы...

htp://aptem.net.ru
Навигатор
На форум
Софт
Программирование
Delphi
Visual Basic
Borland C++
1С
Вебмастеру
HTML
PHP
Perl
ОС
Windows XP
Windows 98
Windows 2000




    Ссылки.

  • Введение. Создание обычной гипперссылки.
  • Графический файл в роли ссылки.
  • Ссылка на e-mail.
  • Закладки.
  • Ссылки и цвет.


    Введение. Создание обычной гипперссылки. Вверх

    Ссылки HTML позволяют связать текст или картинку с другими гипертекстовыми документами. Текст, как правило, выделяется цветом или оформляется подчеркиванием. Вот обычная конструкция ссылки:

    <A href="URL" TARGET="Окно" TITLE="Подсказка">Название ссылки</A>

    Параметры элемента <A> представлены в таблице:

    HREFURL (унифицированный локатор ресурсов) - адрес любого файла в Интернете. Может быть абсолютными, то есть указывается полный адрес странички (например, http://lenininc.narod.ru/index.html) и относительным, как видно из названия указывается файл относительно текущего (например, index.html).
    TARGETOпределяет, в каком окне (фрейме) загрузить гиперссылку. Может иметь значения:

    _top - загружает гиперссылку на всем пространстве окна Обозревателя (если до этого существовало разбиение на фреймы, то оно исчезнет).

    _blank - загружает гиперссылку в новом окне Обозревателя.

    _self – загружает содержимое страницы, в окно, которое содержит эту ссылку (и так используется по умолчанию, так что если вам надо именно так загрузить ссылку, то параметр target вообще можно не использовать).

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

    TITLEТекст подсказки, который будет появляться при наведении мышки на гиперссылку. Параметр не обязательный.

    Для примера была создана ссылка на документ 002.htm под рисунком (смотрите ниже). Предпологаеться, что оба документа находяться в одной папке.

    <p align=center>
    <img border=0 src="015.jpg" Width="520" Height="390" alt="Мой рисунок"><br>
    <a href="002.htm" target="self" title="Пример ссылки">LINK</a>
    </p>

    Щелкнув на ссылку откроеться другой документ, в данном случае 002.htm.


    Графический файл в роли ссылки. Вверх

    Гиперссылкой можно сделать и любой графический файл, поддерживающийся Обозревателем. Для этого вместо названия ссылки нужно прописать графический элемент (Параметр TITLE должен быть только у рисунка):

    <a href="URL" target="Окно">
    <img border="    0" src="Рисунок" width="Ширина" height="Высота" TITLE="Подсказка>
    </a>


    Ссылка на e-mail. Вверх

    Вы можете также создать ссылку на e-mail, в это случае нужно в качестве URL’a прописать следующее:

    mailto:адрес электронной почты

    Например:

    <a href="mailto:lenin@zeos.net">Мое мыло</a>

    Почтовая гиперссылка имеет несколько параметров (не обязательных):
    ?subject - Тема пиcьма
    &Body - Текст вашего сообщения
    &cc - Копии письма через запятую
    &bcc - Скрытые копии письма через запятую

    title="Выпадающая подсказка" Ставиться по желанию и распологаеться отдельно от параметров почтовой ссылки (смотрите расположение кавычек на примере ниже).

    <a href="mailto:lenin@zeos.net ?subject=Поздравление &Body=text &cc=copy@mail.ua.net &bcc=hidden_copy@mail.ua.net" title="Пример почтовой гиперссылки">Мое мыло</a>

    Щелкнув на такую ссылку, откроется окно почтовой программы пользователя с уже заполнеными полями. Останется только написать письмо и отправить.


    Закладки. Вверх

    Иногда возникает вопрос: как сделать ссылку на определенное место в том же или в другом документе? Чтобы нажав по какой-нибудь ссылке можно было попасть в определенное место данного документа. Вот в этом нам и помогут закладки.

    Ссылка на закладку в том же документе имеет следующий вид:
    <a href="#Имя закладки">Название раздела</a>

    А так выглядит ссылка на закладку в другом документе:
    <a href="Имя документа#Имя закладки">Название раздела</a>

    Сама закладка будет такой:
    <A NAME="Имя закладки"></a>

    Щелкнув на Название раздела пользователь будет попадать на определенную Вами закладку. Вверху данной страницы находится содержание, оформленное как ссылки на определенные закладки, находящиеся в этом же документе.


    Ссылки и цвет. Вверх

    Для того, чтобы при наведении на ссылку курсором и при клике она меняла свой цвет в тэг <BODY> нужно добавить еще несколько параметров.

    text - цвет текста.
    link - цвет ссылки.
    vlink - цвет пройденой ссылки.
    alink - цвет активной ссылки, когда подводиться к ней курсор.

    <BODY text="black" link="blue" vlink="purple" alink="red">

    Данные атрибуты определяют свойства для всего документа. Поместив такой код в HTML страницу, уже не надо будет назначать каждый раз цвет шрифту, т.к везде он будет таким, каким определен в тэге <BODY>.

Вернуться?

Перейти к разделу "Учебники по HTML"