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

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

Читайте также:
  1. До м’якої групи, як виняток, належать також іменники : Ігор – Ігоря, якір – якоря, єгер – єгеря, лобур – лобуря, кучер (про волосся) – кучеря.
  2. До м’якої групи, як виняток, належать також іменники : Ігор – Ігоря, якір – якоря, єгер – єгеря, лобур – лобуря, кучер (про волосся) – кучеря.
  3. Нужны ли человеку якоря?
  4. Общее представление о реакции якоря
  5. Описать и приложить схему отвала и привала судна, постановки и съемки с якоря
  6. Реакция якоря в СГ при различных по характеру нагрузках
  7. Скоба якоря, 2 – веретено, 3 – лапы, 4 – коробка, 5 – носок, 6 – болты, 7 – отверстие для веретена, 8 - лопатообразные приливы.
  8. Создание якоря (второе внимание)
  9. Съемка с якоря
  10. Съемка с якоря (якорей)
  11. Съемка с якоря.

Для того чтобы организовать ссылки на разделы документа, находящегося
в одном файле, используются якоря (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>


1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 |


При использовании материала, поставите ссылку на Студалл.Орг (0.005 сек.)