Самоучитель по HTML, Ссылки внутри страницы

В этом уроке я научу вас как делать ссылки в нутри html-документа.

Зачем это нужно? Для удобства навигации, Такую методику можно встретить можно встретьть на сайтах у которых есть FAQ(с писок часто задаваемых вопросов), при нажатии на вопрос вас перебрасует на ответ.
Или вы захотите разместить на своём сайте стихи, в верху страницы поставите ссылки и принажатии на ссылку "стих 1" вас перебросит на стих №1, а нажали на "стих 2" перебросит на второй и так далее...
Это делается двумя способами:
первый с помощью атрибута name
Второй с помощью атрибута - id
первый способ Сначала мы пишем такай код:
Надеюсь понимаете, если я говорю пишем код, то вы его вставляете между тегами:
<body> код </body>
...текст...
<A href="#sposob1">первый:</A><BR>
<A href="#sposob2">второй</A><BR>
...текст...

Теперь разберём его подробно:
Обычная ссылка, за исключением:
#- этот символ говорит нам, что это номер ссылки
sposob - а это имя ссылки, можете назвать как угодно.
Затем мы сделали на них ссылки:
Далее мы добавляем следующий код:
<H3><A name="sposob1"> первый</A></H3>
.... Описание певого способа ...
...
<H3><A name="sposob2"> второй</A></H3>
... описание второго способа ...
.....
....
конец кода
Заметили, что атрибут href мы заменили атрибутом name, это и вся хитрость первого способа.

Заметьте - <A href="#sposob1"> - символ решетки (#) перед именем закладки, на которую мы ссылаемся, обязателен. Вы можете ссылаться на закладку и из других документов, тогда ссылка будет выглядеть следующим образом:
<A href="index.html#sposob1"> Ссылка на стих из какого-то другого документа </A>
или
<A href="http://www.mysite.сом/index.html#sposob1"> Ссылка на стих из какого-то другого сайта </A>
(имя сайта, имя документа + имя закладки)

На верх
второй способ Второй способ с помощью атробута "ID" задаётся только в пределах HTML-документа. (кроме тэгов Вody, Head, Html, Meta, Script, Style, Title). Некоторые из них мы ещё не изучали, а некоторые и изучать не не будем, т.к. они не касаются HTML.
Что мешает нам задать id, например, тэгу H3 ? Ничего.
Пишем код:
<H2>Мои стихи</H2>
<A href="#stih1">Ссылка на стих первый</A><BR>
<A href="#stih2">Ссылка на стих второй</A><BR>
<A href="#stih3">Ссылка на стих третий</A><BR><BR>
<H3 id="stih1">Стих первый</H3>
<PRE>
... ля-ля-ля 1...
</PRE>
<H3 id="stih2">Стих второй</H3>
<PRE>
... ля-ля-ля 2...
</PRE>
<H3 id="stih3">Стих третий</H3>
<PRE>
... ля-ля-ля 3...
</PRE>
На верх

Далее самостоятельно по практикуйтесь с ссылками внутри документов. В место моих ля-ля-ля дествительно подставте стихи или много текста. Почему самостоятельно? Просто если я вам сейчас сделаю готовое решение, то вы его в лучшем случае перепечатаете, просмотрите и уже через 15 минут в голове ни чего не будет!!!
Ну с ссылками мы почти закончили... И я вас жду на следуюшем уроке... Как на меня самый интересный!!!


Перейти к выбору следующей страницы