double arrow

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

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

<!-- этот способ используется при маркировании заголовков -->
<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: как быть здоровым

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






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