Как сделать ссылку в HTML?

Ссылки в ХТМЛ играют одну из главных ролей!!! Без них мы не сможем ссылаться на другие страницы, подгружать внешние скрипты и даже простую картинку вывести на экран без ссылки невозможно, не говоря уже об аудио или видео файлах и прочих объектах!!!

Ссылка в HTML файл вставляется при помощи тега-контейнера <A>анкор</a>.
Текст между открывающимся и закрывающимся тегом "a" называют анкор. Он служит текстовым описанием ссылки и в поисковом продвижении также имеет важную роль как и текст в тегах <title>, <h1>, <h2>, <b> и прочих.

Чтобы ссылаться на другие документы в ХТМЛ необходимо вставить атрибут HREF с нужным нам URLом(ссылкой) вот так:
<A href="/">web учебник OnLine</a>
Результат: web учебник OnLine
Или просто вот так: <A href="index.html">web учебник OnLine</a> web учебник OnLine
В первом примере мы указали полный адрес моего сайта, а в втором обратились к файлу индекс.

Ссылка по умолчанию открывается в том же окне(вкладке) в котором и ссылающийся документ, но умолчания можно изменить при помощи атрибута target.
По умолчанию атрибут target имеет значение "_TOP", это значение можно не задавать, т.к. оно по умолчанию
<A href="index.html" target="_top">web учебник OnLine</a>
Для того чтобы ссылка открылась в новом окне(вкладке) нужно использовать атрибут target с значением "_blank"
<A href="index.html" target="_blank">web учебник OnLine</a>

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

        <html>
        <head>
        <title>цвет ссылок</title>
        </head>
        <body link="#0000FF" alink="red" vlink="blue">
          <A>анкор1</a>
          <A>анкор2</a>
          <A>анкор3</a>
        </body>
        </html>

Атрибут link изменяет цвет ссылки по умолчанию
Атрибут alink изменяет цвет активной ссылки , если указатель мышки навести на ссылку то она приобретет заданный в этом атрибуте цвет.
Атрибут vlink изменяет цвет посещенной ссылки, т.е. ссылку страницы которой вы посетили ранее.
Ну а что бы изменить цвет одной или несколько ссылок, нужно применить уже знакомый нам тег FONT
<font color="red"><A>анкор</a></font> не правильный вариант, т.к. в этом варианте цвет тега FONT не распространяется на ссылку
<A><font color="red">анкор</font></a> правильный вариант, так-же можно добавить атрибут size и fase при необходимости.
Для любительского сайта эти способы для изменения цвета ссылки вполне подойдут, но лучше это все делать при помощи таблиц стилей.

Атрибут ALT- альтернативный текст, служит для более полного описания ссылки. Каждый веб-мастер хочет компактности и потому описывать полность ссыку нет возможности, в сам анкор вставляется только ключевая фраза, а более детальное описание в атрибут alt . Это нужно для поисковых роботов.
<A href="index.html" alt="web учебник для начинающих строителей сайтов" >Веб учебник</a>

TITLE может быть не только тегом, но атрибутом тега A <A href="index.html" title="web учебник для начинающих строителей сайтов" >Веб учебник</a>, тоже самое только уже для пользователей, и уже пользователь поднесет курсор мышки на ссылку и сможет прочесть более детальное описание.

Закончить хотел следующим, что текст в атрибуте ALT и TITLE не должен дословно совпадать.

Смотрите также: