 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
Якоря на 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>
Поиск по сайту: