Гипертекст
Страница 1 из 24
Гипертекст
Ссылка (гиперссылка) – это возможность «связать» любой находящийся на данной странице фрагмент текста (слово, фразу или целый абзац) либо рисунок с другой Интернет-страницей или файлом данных (например, графическим файлом GIF или JPEG), так что при щелчке мыши на таком тексте или рисунке пользователь автоматически переходит на указанную к ссылке страницу.
¨ Гипертекстовые ссылки среди других элементов текста выделяются цветом и подчеркиванием;
¨ курсор мыши на ссылке меняет свою форму и превращается в указующий перст;
¨ для перехода по ссылке необходимо щелкнуть по ней мышью;
¨ для возврата необходимо использовать навигационную кнопку браузера Назад (Back).
Если ссылки образуют длинную цепочку, то кнопки Назад (Back) и Вперед (Forward) можно использовать для движения по пройденному ссылочному пути в обе стороны. Они работают как традиционные операции «откатка» (отменить) и «накатка» (вернуть) в большинстве прикладных программ.
Ссылки могут уводить не только в разные документы, но и загружать на экран фрагменты одного и того же файла. В последнем случае навигационные средства браузера работают так же.
Переход внутри одного документа
Для задания гипертекстового перехода внутри документа используют две команды <A>. Первая команда с атрибутом href является источником перехода, вторая с атрибутом name – приемником.
|
Общий вид программы
|
Комментарий
|
|
<A href=#метка>текст</A>
|
Задание перехода по метке
|
|
…
|
На экран выводится ссылка: текст
|
|
…
|
|
|
…
|
|
|
<A name=метка></A>
|
Метка. Сюда браузер приходит по ссылке
|
|
…
|
На экране ничего не отображается
|
Для организации перехода внутри документа нужно:
1. Выбрать имя для метки:
· имя должно быть уникальным в HTML-программе. Это означает, что других меток с таким именем в файле быть не должно (когда одинаковых меток несколько, браузер выполняет переход на самую первую метку);
· имя может заключаться в кавычки;
· имя может состоять из любых символов. В том случае, когда имя содержит пробелы или ключевые символы HTML, кавычки обязательны.
2. Запрограммировать переход по метке.
В месте перехода нужно написать команду <A href=#метка>текст</A>.
Здесь:
· # - ключевой символ;
· метка – выбранное имя для метки;
· текст – запись, которая будет выглядеть на экране браузера как ссылка.
3. Установить тег с меткой в нужном месте HTML-программы.
Перед фрагментом HTML-программы, на которой должен выполниться переход, записать команду-метку <A name=метка></A>.
При этом:
- имя метки должно быть то же самое, что и в команде, задающей переход;
- парный тег </A> может быть опущен;
- на экране тег-метка <A name=метка> никаких изображений не строит.
В результате, при щелчке мыши по тексту, расположенному внутри контейнера <A href=имя_метки></A>, браузер ищет в программе метку, имя которой указанно в атрибуте href, и показывает на экране то место документа, в котором эта метка расположена.
Пример:
|
<HTML>
<HEAD>
<TITLE>Переход по меткам внутри одного документа</TITLE>
<BODY leftmargin=300>
<P>Переход в <A href=#finish> конец</A> документа.
<HR>
<H1>Заголовок 1</H1>
<H2>Заголовок 2</H2>
<H3>Заголовок 3</H3>
<H4>Заголовок 4</H4>
<H5>Заголовок 5</H5>
<H6>Заголовок 6</H6>
<P> Существует шесть уровней заголовков, которые обозначаются H1...H6. Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый маленький заголовок. Шаблон дает представление об относительных размерах букв в заголовках. Для заголовков можно использовать атрибут, задающий выравнивание влево, по центру или вправо. <HR>
<A name=finish>
</BODY>
<HTML>
|
: 89083370339
: