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

Бывают случаи когда необходимо сделать ссылку с начала страницы в конец или наоборот, или к примеру с оглавления на главы и.т.д. Сделать ее очень просто! Необходимо пометить место документа следующей конструкцией:

<!-- этот способ используется при маркировании заголовков -->
<h2 id="razdel1"> Раздел 1 </h2>
<!-- а такую метку можно поставить везде где понадобится-->
<h2> <a name="razdel1"></a> Раздел1: </h2>

Теперь вы можете ссылаться на помеченную область(в данном случае Раздел1) простым указанием ее имени после значка #.

Вот как будет выглядеть ссылка на раздел1:

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

Приведу более наглядный пример:

<h1 > Оглавление </h1> <br>
<a href="#razdel1"> Раздел 1: как стать богатым </a> <br>
<a href="#razdel2"> Раздел 2: как стать счастливым </a><br>
<a href="#razdel3"> Раздел 3: как быть здоровым </a>
<h2 id="razdel1"> Раздел 1: как стать богатым </h2>
<p> Для того, чтобы стать богатым необходимо очень много трудиться..... </p>
<h2 id="razdel2"> Раздел 2: как стать счастливым </h2>
<p> Для того чтобы стать счастливым, нужно использовать каждую минуту... </p>
<h2> Раздел3: <a name="razdel3"></a> как быть здоровым </h2>
<p> Для того чтобы быть здоровым нужно много заниматься физкультурой... </p>

Вот результат в браузере:

Оглавление

Раздел 1: как стать богатым
Раздел 2: как стать счастливым
Раздел 3: как быть здоровым

Раздел 1: как стать богатым

Для того чтобы стать богатым необходимо очень много трудится.....

Раздел 2: как стать счастливым

Для того чтобы стать счастливым, нужно использовать каждую минуту...

Раздел3: как быть здоровым

Для того чтобы быть здоровым нужно много заниматься физкультурой...


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: