Ссылки, гиперссылки, внутристраничные ссылки, ссылки электронной почты.

Сегодня мы научимся делать ссылки ; )
Это ооочень легко и просто...
Обычные ссылки создаются при помощи якорного элемента
<a> и </a>
Гиперссылки (используются намного чаще)создаются при помощи якорного элемента и атрибута href

<a href="http://mir-web.blogspot.com/2009/10/html_3650.html">Урок 1</a>

Вот что должно получиться:

Урок 1

Немного теории...
Есть 2 типа связывания: абсолютное и относительное.
Абсолютное - когда указывается полный адрес, включая имя файла:

<a href="http://mir-web.blogspot.com/lesson1.html">Урок 1</a>

Относительное - когда указывается только ИМЯ файла (при этом файлы должны находиться на одном сервере в одной папке).

<a href="lesson1.html">Урок 1</a>

Если документ находится в подкаталоге, указывается подкаталог:

<a href="uroki-html/lesson1.html">Урок 1</a>

Можно переместиться из каталога в другой каталог, находящийся уровнем выше:

<a href="../uroki-html/lesson1.html">Урок 1</a>

Для того, чтобы дать подробное описание ссылки используется атрибут title

<a href="http://mir-web.blogspot.com" title="Сайт об HTML и CSS">Мир Веб</a>

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

<a href="mailto:tut-address@kakoy-to.com">Напишите нам</a>

Результат:
Напишите нам
Также можно заранее указать тему сообщения:

<a href="mailto:tut-address@kakoy-to.com?subject=feedback">Напишите нам</a>

Также, как и в предыдущем примере, можно использовать атрибут title

Внутристраничное связывание
Например, есть некая страница, которая очень большая по объему и включает в себя несколько разделов...
Неплохо было бы сделать навигацию по странице..Как? Все очень просто.
Предположим, что в начале страницы Вы даете список главных тем, например:

Урок 1
Урок 2
Урок 3

Создаем не совсем обычные ссылки ; )

<a href="#urok1">Урок 1</a>
<a href="#urok2">Урок 2</a>
<a href="#urok3">Урок 3</a>

А в том месте документа, где уже идет содержание уроков задаем ИМЕНА:

<a name="urok1">Урок 1</a>
<a name="urok2">Урок 2</a>
<a name="urok3">Урок 3</a>

Внимание! В языке XHTML 1.1 атрибут name полностью заменен на id.

Можно также связать документ с определенным местоположением другого документа:

<a href="urok1.html#zaqolovki">Читайте подробнее о заголовках</a>

В документе, на который ссылаемся:

<a name="zaqolovki">Заголовки</a>