Студопедия
Случайная страница | ТОМ-1 | ТОМ-2 | ТОМ-3
АрхитектураБиологияГеографияДругоеИностранные языки
ИнформатикаИсторияКультураЛитератураМатематика
МедицинаМеханикаОбразованиеОхрана трудаПедагогика
ПолитикаПравоПрограммированиеПсихологияРелигия
СоциологияСпортСтроительствоФизикаФилософия
ФинансыХимияЭкологияЭкономикаЭлектроника

Использование гиперссылок.

Построение таблиц в пояснительной записке по курсовой работе | ОСНОВНЫЕ ТРЕБОВАНИЯ К WEB-САЙТАМ | Структура курсовой работы | Разработка структуры Web-сайта. | Структура сайта на уровне разделов. | Выбор компоновки Web-страниц. | Разработка конвента и оформление Web-страниц. | Красная строка (отступ первой строки). | Начертание. | Видоизменение. |


Читайте также:
  1. IV.Рабочее время и его использование
  2. RASH Использование отражений для остановки ВД
  3. В кн.: Ф.Ф.Рау, Л.В.Нейман, В.И.Бельтюков. Использование и развитие слухового восприятия у глухонемых и тугоухих учащихся. – М.: Изд-во АПН РСФСР, 1961. – 188 с.
  4. Взаимодействие между уровнями с использованием модулей PDU
  5. Вопрос 51. Цели, методы, особенности, использование результатов исследований рынка товаров производственно-технического назначения.
  6. Вывод данных с использованием метода Print
  7. Длительное использование компьютера или сотового телефона

Гипертекстовые связи (гиперссылки или Web-ссылки) являются наиболее важным элементом Web-страниц. С их помощью документ получается связанным и структурированным, что позволяет пользователю получать необходимую ему информацию максимально быстро и удобно.

По умолчанию со ссылкой связана загрузка другого Web-ресурса. Это достигается путем выбора ссылки (щелчком мыши).

Синтаксис:

<a href="URL"> текст-ссылка </a>

Ссылка указывает на целевой объект (якорь), который может быть любым Web-ресурсом (изображением, видеоклипом, звуковым файлом, программой, HTML-документом, элементом в HTML-документе и т.д.).

Целевые якоря в HTML-документах могут указываться с помощью тэга <a> (с использованием атрибута name) или с помощью любого другого тэга (с использованием атрибута id).

Синтаксис:

<a name="якорь"> Текст, к которому идет переход </a>

или

<p id="якорь"> Текст, к которому идет переход </p>

Некоторые URL могут указывать на местоположение внутри ресурса. В этом случае URL заканчивается символом "#", за которым следует указатель (идентификатор фрагмента).

Используя специальный скрытый указатель, можно быстро переходить от одного раздела к другому внутри документа, не используя прокрутку экрана. После щелчка мышкой по ссылке браузер переместит вас на указанный раздел документа, а строка, в которой стоит указатель данного раздела (обычно, первая строка раздела или его заголовок) будет размещена на первой строке окна браузера (если данная строка не присутствует уже на экране).

Относительный URL не содержит информации о схеме доступа. Путь в нем указывает на ресурс на той же машине, на которой находится текущий документ. Относительные URI могут содержать компоненты относительного пути (например, ".." означает один уровень выше в иерархии) и идентификаторы фрагментов.

Атрибут title для тэга <a> позволяет отображать указанный текст в виде подсказки при наведении курсора мыши на гиперссылку.

Каждая из ссылок может пребывать в одном из четырех фиксированных состояний: link (неиспользованная ссылка), hover (ссылка с помещенным поверх нее указателем мыши), active (ссылка в момент активации), visited (использованная ссылка).

Синтаксис:

a:link {свойство: значение}

a:hover {свойство: значение}

a:active {свойство: значение}

a:visited {свойство: значение}

Примеры:

1. Текстовая ссылка на другой HTML-документ, находящийся там же, где и текущий документ.

<a href="hpc.html">Карманные компьютеры</a>

2. Текстовая ссылка на графический файл, находящийся там же, где и текущий документ.

<a href="be.jpg">Медведь</a>

3. Графическая ссылка на HTML-документ, находящийся там же, где и текущий документ.

<a href="be.html"><img src="be.jpg"></a>

4. Текстовые ссылки на различные фрагменты текущего HTML-документа.

<h1>ОГЛАВЛЕНИЕ/h1>

<p><a href="#chapter1">ГЛАВА 1</a><br>

<a href="#chapter2">ГЛАВА 2</a><br>

...продолжение оглавления...

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

<h2><a name="chapter1"> ГЛАВА 1</a></h2>

...содержание (текст) главы 1...

<h2><a name="chapter2"> ГЛАВА 2</a></h2>

...содержание (текст) главы 2...

или

<h1>ОГЛАВЛЕНИЕ/h1>

<p><a href="#chapter1">ГЛАВА 1</a><br>

<a href="#chapter2">ГЛАВА 2</a><br>

...продолжение оглавления...

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

<h2 id="chapter1"> ГЛАВА 1</a></h2>

...содержание (текст) главы 1...

<h2 id="chapter2"> ГЛАВА 2</a></h2>

...содержание (текст) главы 2...

5. Текстовая ссылка на адрес электронной почты.

Замечания по данному изданию отправляйте

<A href="mailto:skozlov@tut.by">Козлову С.М.</A>.

6. Определение подсказки для гипертекстовой ссылки.

<a href="be.jpg" title="Фотография">Медведь</a>

7. Ссылка на фрагмент с именем s2 в другом HTML-документе:

<a href="http://tut.by/top.html#s2">Текст</a>

 


Дата добавления: 2015-10-02; просмотров: 58 | Нарушение авторских прав


<== предыдущая страница | следующая страница ==>
Цвет текста.| Присоединенный стиль.

mybiblioteka.su - 2015-2024 год. (0.006 сек.)