Пример:
<a href="http://pobedivip.ucoz.com/">Это ссылка на сайт pobedivip.ucoz.com</a>
Вот так это выглядит на странице:
Это ссылка на сайт pobedivip.ucoz.com
Элемент а (ancor) является как бы якорем, т.е. текст, заключенный между открывающим и закрывающим тегом, будет текстом ссылки. Атрибут href это сокращение от "hypertext reference/гипертекстовая ссылка", специфирует место, на которое выполняется переход по данной ссылке - обычно это internet-адрес и/или имя файла.
Сделать html ссылку между страницами одного и того же веб-сайта гораздо проще. Например, если у нас есть две страницы (к примеру page1.htm и page2.htm) расположенные в одной папке , то для перехода с page1.htm на page2.htm в href прописываем page2.htm и наоборот соответственно.
Если страница page2.htm находится в папке subfolder, то прописываем subfolder/page2.htm и т.д.
Если необходимо сделать ссылку внутри страницы, то нужно поставить метки или зделать маркировку мест, куда будет переходить страница после нажатия на ссылку.
Пример:
<!--этот способ используется при маркировании заголовков -->
<h2 id="razdel1">Раздел 1.</h2>
<!--а такую метку можно поставить везде где понадобится -->
<a name="razdel1">
Теперь вы можете ссылаться на помеченную область простым указанием ее имени после значка #.
Пример:
<a href="#razdel1">Ссылка на указанное место на странице</a>
Теперь приведу наглядный пример того, что описано выше.
Пример:
<a name="razdel0"><h1>Оглавление:</h1>
<a href="#razdel1">Раздел 1: как стать богатым</a><br>
<a href="#razdel2">Раздел 2: как стать счастливым</a><br>
<a href="#razdel3">Раздел 3: как быть здоровым</a><br>
<h2 id="razdel1">Раздел 1: как стать богатым</h2>
<p>Для того, чтобы стать богатым необходимо очень много трудиться .....</p>
<h2 id="razdel2">Раздел 2: как стать счастливым</h2>
<p>Для того чтобы стать счастливым, нужно использовать каждую минуту...</p>
<h2 id="razdel3">Раздел 3: как быть здоровым</h2>
<p>Для того чтобы быть здоровым нужно много заниматься физкультурой...</p>
<a href="#razdel0">НАВЕРХ</a>
Вот так это выглядит на странице:
Оглавление:
Раздел 1: как стать богатым
Раздел 2: как стать счастливым
Раздел 3: как быть здоровым
Раздел 1: как стать богатым
Для того, чтобы стать богатым необходимо очень много трудиться .....
Раздел 2: как стать счастливымДля того чтобы стать счастливым, нужно использовать каждую минуту...
Раздел 3: как быть здоровымДля того чтобы быть здоровым нужно много заниматься физкультурой...
НАВЕРХТакже можно сделать ссылку на почту.
Пример:
<a href="mailto:radneek@gmail.com">Написать письмо</a>
Вот так это выглядит на странице:
Написать письмо
А вот дополнительные атрибуты:
target - указывает где открывать страницу на которую ведет html ссылка. По умолчанию она открывается в том же окне. Если хочется чтобы открывалась в новом, следует написать target ="_blank".
title - указывает заголовок ссылки, который появляется при наведении на нее.
Пример:
<a href="http://pobedivip.ucoz.com" target="_blank" title="Как создать сайт и заработать на нём">Последние новости</a>
Вот так это выглядит на странице:
Последние новости
Также можно изменить цвет ссылок.
link - цвет просто ссылок.
vlink - цвет уже посещенных ссылок.
alink - цвет активных ссылок (активная означает в момент нажатия на нее).
Все цвета задаются либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов.
К примеру если при открытии тела документа, элементу body прописать:
Пример:
<body link="red" vlink="green" alink="white">
то все ссылки в данном документе станут красными, уже посещенные ссылки станут зелеными, а ссылки в момент нажатия будут белыми.
Если необходимо, чтобы одна ссылка была определенного цвета, тогда нужно внутри html ссылки прописать уже знакомый элемент font с атрибутом цвета.
Пример:
<a href="http://pobedivip.ucoz.com"><font color="green">Зеленая ссылка</font></a>