Как сделать ссылки внутри страницы на разные разделы?

02 октября 2013

Прежде чем ответить на вопрос — как создать сайт и добавить ссылки внутри страницы, давайте разберемся с тем, что же такое ссылки?

Внутренние ссылки — это базовые элементы, которые используются для перехода с одной страницы на другую. Создать HTML ссылку проще, чем вы могли подумать. Для этого достаточно использовать элемент а (ancor) и его атрибут href. Заключенный между открывающим тэгом <a> и закрывающим </a> текст, и будет текстом ссылки. Например:

<a href=»https://www.templatemonster.com/ru/»>Это ссылка на сайт templatemonster.com/ru/</a>

Если необходимо создать ссылку между страницами ресурса все еще проще. К примеру, у нас есть две страницы (страница HTML шаблонов (https://www.templatemonster.com/ru/website-templates-type/)) и MotoCMS шаблонов (https://www.templatemonster.com/ru/flash-cms-templates-type/), которые находятся на одном сайте (папке), тогда код ссылки будет выглядеть:

<a href=»https://www.templatemonster.com/ru/flash-cms-templates-type/»>Для перехода на страницу MotoCMS шаблонов щелкни здесь!</a>

А что если необходимо создать ссылку внутри страницы? Все также достаточно просто. Случается, что необходимо сделать ссылку с начала страницы на ее конец, или к примеру, с оглавления на главу и т.д. Место документа (заголовка) помечается следующей конструкцией:

<h2 id=»razdel1″>Раздел 1</h2>

А если необходимо маркировать любое другое место:

<h2> <a name=»razdel1″></a> Раздел1: </h2>

После чего вы сможете ссылаться на любую помеченную область, простым указание ее имени после обозначения #. Например:

<a href=»#razdel1″> Ссылка на Раздел 1 </a>.

Не можете найти ответ на вопрос?