HTML Якоря на Web-странице

Для того чтобы организовать ссылки на разделы документа, находящегося
в одном файле, используются якоря (anchors). При этом создается ссылка
на якорь: <A href="#Имя якоря">Текст гиперссылки</A>.

Сам якорь с указанным именем помещается в то место документа, в которое осуществляется переход: <A name="Имя якоря"> Текст </A>.

<!–пример # 13: ссылки на якоря–>

<HTML> <HEAD>

<TITLE>Якоря на домашней странице</TITLE>

</HEAD>

<BODY>

<!– Создание ссылок на якоря –>

<UL><LH>Содержание</LH>

<LI><A href="#section1">Введение</A>

<LI><A href="#section2">Обзор</A>

<LI><A href="#section3">Подробное рассмотрение</A></UL><P>

<HR>

…тело документа…

<HR>

<H2><A name="section1">Введение</A></H2><HR>

…section 1…

<HR><!– Установка якорей –>

<H2><A name="section2">Обзор</A></H2><HR>

…section 2…

<HR>

<H3><A name="section3">Подробное рассмотрение</A></H3><HR>

…section 3…

<HR>

<A HREF="mailto:Romanchik@Bsu.by">

<ADDRESS>Романчик – e-mail:rom@bsu.by</ADDRESS></A> <P></BODY> </HTML>

Такой же эффект можно получить, используя заглавия вместо якоря:

<!–пример # 14: заглавия вместо якоря–>

<HTML><HEAD>

<TITLE>Ссылки на заголовки</TITLE>

</HEAD>

<BODY>

<H1>Table of Contents</H1><P>

<A href="#section1">Introduction</A><BR>

<A href="#section2">Some background</A><BR>

<A href="#section3">The first part</A><BR>

…the rest of the table of contents…

<H2 id="section1">Introduction</H2> <HR>

…section 1…<HR>

<H2 id="section2">Some background</H2><HR>

…section 2…<HR>

<H3 id="section3">The first part</H3><HR>

…section 3…<HR>

…Продолжение документа…

</BODY></HTML>

Кроме элемента A, который помещается в теле HTML-документа <BODY>, для организации ссылок используется элемент LINK, который помещается в заголовке документа <HEAD>.

Установить цвет ссылки можно с помощью атрибута LINK тега <BODY>, цвет посещенной ссылки – с помощью атрибута VLINK, цвет активной ссылки – с помощью атрибута ALINK. Например:

<BODY TEXT=LIME LINK=RED VLINK=SILVER ALINK=BLUE>

Чтобы установить ссылку с помощью изображения, надо вместо текста ссылки поставить HTML-код для вывода изображения:

<A HREF=”sample.htm”> <IMG SRC=”image.gif”> </A>

Вы можете следить за любыми ответами на эту запись через RSS 2.0 ленту. Вы можете оставить ответ, или trackback с вашего собственного сайта.

Оставьте отзыв

XHTML: Вы можете использовать следующие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

 
Rambler's Top100