На этом уроке вы научитесь делать ссылки(гиперссылки). Они нужны нам для того, чтобы пользователь смог загружать другие страницы вашего сайта, картинки, другие сайты. Короче с помощью ссылки пользователь сможет гулять по вашим страничкам. А теперь рассмотрим тэг определяющий ссылку.
<a></a> - тэг ссылки
<a href="ссылка">Текст</a>
в атрибуте href пишите ссылку на страницу или сайт. Между тэгом <a> вот тут </a> пишется текст. При клике на этот текст пользователь попадет на страничку или сайт написанный вами в атрибуте href.
Ссылки бывают разные. Пример ссылок.
<a href="страничка">Ваш текст</a>
Пример: <a href="index.htm">Главная страничка</a>
Этот пример ссылки показывает, что ссылка стоит на страничку index.htm, которая находится в одной папке с этой страничкой.
<a href="имя папки/страничка">Ваш текст</a>
Пример: <a href="about/index.htm">Обо мне</a>
Этот пример ссылки показывает, что ссылка стоит на страничку index.htm в папке about, которая находится в одной папке с этой страничкой.
<a href="../страничка">Назад</a>
Пример: <a href="../08.htm">Назад</a>
Тут ссылка стоит на страничку, которая находится в папке, в которой находится папка с этой страничкой. :)
Чтобы открыть ссылку в новом окне, как я уже говорил, нужен атрибут target который равен "_blanck"(target="_blank"). Он пишется в тэге <a target="_blank"></a>
Так же можно установить закладку. Для установления закладки нужно, в том месте, где ты хочешь поставить закладку написать:
<a name="имя закладки">Тут можете написать текст, но не обязательно</a>
Пример: <a name="top"></a>
Закладку мы поставили, а теперь нужно сделать на нее ссылку чтобы на нее попасть. Делается это следующим образом:
<a href="имя вашей закладки, на которую нужно перейти">Текст</a>
Пример: <a href="#top">Вверх</a>
Когда пишете ссылку на закладку нужно перед именем закладки поставить знак # (переключиться на английский и нажать SHIFT+3).
Картинка тоже может быть ссылкой, но об этом в другом уроке. :)
Еще есть ссылка на ваш почтовый ящик(e-mail). Это тоже просто.
Замените i-sof@mail.ru на ваш ящик и все. Mailto: должно быть всегда, если делаете ссылку на ящик.
Если вы делаете ссылку то она будет такого цвета "ссылка". Ссылка, по которой уже заходили будет такого цвета "ссылка". Активная ссылка будет такого цвета "Ссылка". Чтобы изменить эти цвета вам нужны атрибуты тэга <body>, новые для вас: link="цвет ссылки", vlink="цвет" и alink="цвет". А пишутся они так.
В этом примере цвет ссылки будет красный, цвет ссылки которую уже посещали будет желтый, цвет активной ссылки будет зеленый.
Итак, перейдем к примерам. Для этого вам нужно создать папку(пусть будет: мой сайт), в ней еще папку с именем about. В первой папке создайте 3 HTML документы с именем texts.html, anekdots.html, other.html. В папке about создайте HTML документ с именем index.html. Содержимое документов придумайте сами. Это вы уже умеете.
А теперь напишите следующий текст в блокноте.
<html>
<head>
<title>Ссылки. Все о работе с ссылками.</title>
</head>
<body text="yellow" bgcolor="black" link="#CC0000" vlink="#FFFF00" alink="#008000">
<center><h3>Добро пожаловать!</h3></center>
<br><font color="green" size="14">На этом сайте вы сможете прочитать
анекдоты, интересные статьи и много дрегие.</font><br>
<br><a href="anekdots.html">Аекдоты</a>
<br><a href="texts.html">Интересные статьи</a>
<br><a href="other.html">Другое</a>
<br><a href="about/index.html">Обо мне</a>
<br><a href="http://www.igorenat.hut.ru" target="_blank">Мой второй сайт</a>
<br><br>
<p align="right"><a href="mailto:i-sof@mail.ru">Автор: Нормурадов Игорь</a></p>
</body>
</html>
Сохраните его в ту папку, которую вы создали(мой сайт). Посмотреть пример.
Разбирать не будем. По моему я описал хорошо. Если вы все сделали правильно, то ссылки будут работать.
Дам совет: Если вам понравился какой-нибудь сайт или страничка, кликните правой кнопкой на ней и выберите Просмотр HTNL-кода.Откроется блокнот и вы в нем увидите уже наш родной HTML. Почти всегда там можно найти что-то новое и интересное для себя. На собственном опыте знаю.
