WMZ-PORTAL.RU - удаленная работа на дому в сети интернет, заработок в интернете

Работа в интернете, работа на дому. Интернет обучение.

       

Шаг 8. Якоря

Якорем называется закладка с уникальным именем на определенном месте веб-страницы, для создания перехода к ней по ссылке. Якоря удобно применять для больших документов, чтобы можно было быстро переходить к нужному разделу.

Для создания якоря следует вначале сделать закладку в соответствующем месте и дать ей имя при помощи параметра name тега <А> (пример 8.1).

Пример 8.1. Создание внутренней ссылки

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=Windows-1251" http-equiv="content-type">
<body>

<a name="top"></a>

...

<a href="#top">Наверх</a>

</body>
</html>

Между тегами <a name="top"> и </a> текст не обязателен, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу страницы. Имя ссылки на якорь начинается символом #, после чего идет имя якоря, оно выбирается любое, соответствующее тематике.

Для создания якоря в Nvu используется кнопка на панели инструментов. Аналогичное действие производится через меню Вставка > Якорь с именем... После чего запрашивается желаемое имя якоря (рис. 8.1).

Рис. 8.1. Ввод имени якоря

Рис. 8.1. Ввод имени якоря

При создании ссылки на якорь, достаточно выделить желаемый текст и выбрать в меню Вставка > Ссылка... или использовать комбинацию <Ctrl>+<L>. В открывшемся окне достаточно раскрыть список, и все доступные якоря будут показаны. Остается лишь выбрать желаемый (рис. 8.2).

Рис. 8.2. Выбор якоря из списка

Рис. 8.2. Выбор якоря из списка

Обратите внимание, что имя якоря на рис. 8.1 пишется без дополнительного символа решетки (#), а в списке якорей на рис. 8.2 символ решетки добавляется автоматически.

Copyright © Влад Мержевич
www.htmlbook.ru



HTML по шагам

Любой может сделать сайт.
Шаг 1. Основные понятия
Шаг 2. Создание HTML-документа
Шаг 3. Особенности HTML
Шаг 4. Структура HTML-кода
Шаг 5. Теги HTML
Шаг 6. Работа с текстом
Шаг 7. Ссылки
Шаг 8. Якоря
Шаг 9. Изображения
Шаг 10. Списки
Шаг 11. Таблицы

CSS по шагам

Шаг 1. Что такое CSS
Шаг 2. Подключение CSS
Шаг 3. Типы носителей
Шаг 4. Базовый синтаксис
Шаг 5. Селекторы тегов
Шаг 6. Классы
Шаг 7. Идентификаторы
Шаг 8. Комментарии
Шаг 9. Контекстные селекторы
Шаг 10. Соседние селекторы
Шаг 11. Дочерние селекторы
Шаг 12. Селекторы атрибутов
Шаг 13. Универсальный селектор
Шаг 14. Группирование
Шаг 15. Наследование
Шаг 16. Псевдоклассы
Шаг 17. Псевдоэлементы
Шаг 18. Правила создания стиля