Урок с практикой по HTML (Онлайн курсы)
Выбрать другой урок из курса
Обсуждение
Теория урока

Якоря в HTML

Якорь, это некая закладка на странице. Чтобы быстро перейти к какой-либо части на странице, используют якорь. Якорь делается просто: в нужном месте пишут ссылку <a>, дать ей имя при помощи атрибута name, далее пишут еще одну ссылку, уже из того места, откуда нам нужно перейти к якорю, но пишут ее с атрибутом href, в значении указывается символ решетка (#), а далее пишется имя закладки (якоря). Далее пример:

Код HTML
<a name = "top"></a>
<p height = "2000px"></p>
<a href = "#top">Наверх</a>

Между тегами <a> ... </a> в закладке текст необязателен, так как мы просто указываем место перехода. Ссылка на закладку может быть с любой страницы. Далее пример:

Код HTML
<a href = "http://codebra.ru#bottom">Перейти к нижней части текста</a>
<
×
>
Не публикуйте свой код прямо в комментариях. Во-первых, он плохо отображается. Во-вторых, он может содержать для кого-то «спойлеры», т.е. ответы на практику. Воспользуйтесь специальными сервисами: cssdeck.com или jsfiddle.net.
Комментарии, содержащие код (пару строк не считается), будут безжалостно удаляться.