Текстовые ссылки

Немаловажную роль на сайте играют ссылки html. Они являются связующим звеном между страницами данного ресурса, а также для перехода на другие сайты. Само слово ссылка html говорит о том, что с помощью неё Вы ссылаетесь на какую-то страницу на Вашем сайте или на другой посторонний ресурс.

Они могут быть текстовыми и графическими.
Текстовые ссылки html выделяются, словом или целой фразой.
Графические ссылки html выделяются картинками.
Выделение ссылок html можно производить цветом или подчеркиванием.

Вначале разберём текстовые ссылки.
По структуре текстовые и графические ссылки схожи между собой. Все они в начале кода имеют открывающий тэг для ссылок html <a> в паре с атрибутом href и закрывающий тэг для ссылок html </a>. В начале в ссылке мы прописываем адрес файла, на который она ссылается, а далее помещаем текст или картинку. Вот как это будет выглядеть в HTML коде:

<a href=»адрес файла«> работа на дому </a>

Для наглядности и лучшего усвоения данного материала пропишем ссылку в нашем документе html.
Допустим, нам нужно сослаться на какой-то сайт. Для примера я взял главную страницу своего сайта, расположенную по адресу:

http://rabotalegko.com

Тогда HTML код ссылки будет выглядеть так:

<a href=»http://rabotalegko.com«>работа на дому</a>

Попробуйте скопировать данную ссылку и посмотрите, что
получилось.

Теперь вставим исходный код в наш html документ. Ссылка немного не соответствует тематики контекста на нашей HTML странице, но это, я думаю, и не важно. Главное, чтобы вы поняли как и с помощью каких тегов прописывать ссылки в контексте.

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body text="#FF0033"  bgcolor="#66CC99" 
background="http://rabotalegko.com/fotik/foto-236.gif">
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2><font color="#0000CC">Животные леса.</font></H2>
<br> 
<font color="#633000"> 
 <p align="justify"><font face="Garamond,  Arial, Verdana">
Животный мир нашего края достаточно разнообразен и 
представлен беспозвоночными и позвоночными животными 
различных классов, отрядов и видов.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana">
На территории области учтено 54 вида млекопитающих. 
На территорииобласти обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, восемь видов 
встречаются только в зимнее время, 60 - во время пролета 
и сезонных миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana"> 
На территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов насекомых 
(13 видов насекомых занесено в Красную книгу бывшего 
СССР и Красную книгу России).
<a href="http://www.rabotalegko.com">работа на дому</a> 
В водоемах области обитает 38 видов рыб, из которых наиболее 
распространенными являются карп, сазан, лещ, карась, жерех и 
др. Самыми крупными рыбами водоемов области являются сом и щука.
</font></p>
</font>
</div>
</body>
</html>

посмотреть результат

Также ссылки подразделяются на внешние и внутренние.

Внешние ссылки html — это ссылки с других ресурсов.
Внутренние ссылки html — это ссылки с Ваших страниц.

Для того чтобы обеспечить хорошую видимость ссылок с помощью тэгов link, alink и vlink мы можем изменять цвета ссылок html.

link — обозначает цвет просто ссылки html;
alinkцвет активной ссылки html (нажатой);
vlinkцвет уже посещённой ссылки html.

Цвета ссылок html так же как цвет фона и текста прописываются в тэге <body>

Оформим это всё на нашей странице:

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body text="#FF0033"  bgcolor="#66CC99" 
link="#FF3366" alink="#6666FF" vlink="#FF3366" 
background="http://rabotalegko.com/fotik/foto-236.gif">
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2><font color="#0000CC">Животные леса.</font></H2>
<br> 
<font color="#633000"> 
 <p align="justify"><font face="Garamond,  Arial, Verdana">
Животный мир нашего края достаточно разнообразен и 
представлен беспозвоночными и позвоночными животными 
различных классов, отрядов и видов.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana">
На территории области учтено 54 вида млекопитающих. 
На территорииобласти обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, восемь видов 
встречаются только в зимнее время, 60 - во время пролета 
и сезонных миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana"> 
На территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов насекомых 
(13 видов насекомых занесено в Красную книгу бывшего 
СССР и Красную книгу России).
<a href="http://www.rabotalegko.com">работа на дому</a>
В водоемах области обитает 38 видов рыб, из которых наиболее 
распространенными являются карп, сазан, лещ, карась, жерех и 
др. Самыми крупными рыбами водоемов области являются сом и щука.
</font></p>
</font>
</div>
</body>
</html>

посмотреть результат

Благодаря тэгам link, alink и vlink задаётся общий цвет для всех ссылок. Но Вы также можете задать цвет для отдельных ссылок на странице Вашего сайта. Это можно сделать с помощью тэга <font> и его атрибута color.

<a href=»http://rabotalegko.com«><font color=»#000099″>работа на дому</font></a>

Как Вы видите <font color=»#000099″></font>вставляется внутри тэга <a></a>, если Вы вставите по другому, то у вас не получится изменить цвет вашей ссылки и она останется такого же цвета, как и все остальные ссылки.

Вставим этот элемент в наш код html:

<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body text="#FF0033"  bgcolor="#66CC99" 
link="#FF3366" alink="#6666FF" vlink="#FF3366"
background="http://rabotalegko.com/fotik/foto-236.gif">
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2><font color="#0000CC">Животные леса.</font></H2>
<br> 
<font color="#633000"> 
 <p align="justify"><font face="Garamond,  Arial, Verdana">
Животный мир нашего края достаточно разнообразен и 
представлен беспозвоночными и позвоночными животными 
различных классов, отрядов и видов.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana">
На территории области учтено 54 вида млекопитающих. 
На территорииобласти обитает 200-250 видов птиц; 163 вида 
из них гнездятся на территории области, восемь видов 
встречаются только в зимнее время, 60 - во время пролета 
и сезонных миграций; 16 видов птиц области занесены в 
Красные книги бывшего СССР и РСФСР.</font></p>
 <p align="justify"><font face="Garamond,  Arial, Verdana"> 
На территории области обитает 10 видов земноводных, 
шесть видов рептилий и около 3 500 видов насекомых 
(13 видов насекомых занесено в Красную книгу бывшего 
СССР и Красную книгу России).
<a href="http://www.rabotalegko.com">
<font color="#000099">работа на дому</font></a>
В водоемах области обитает 38 видов рыб, из которых наиболее 
распространенными являются карп, сазан, лещ, карась, жерех и 
др. Самыми крупными рыбами водоемов области являются сом и щука.
</font></p>
</font>
</div>
</body>
</html>

посмотреть результат

На следующей странице мы с Вами разберём графические ссылки.

Поделиться в соц. сетях

Текстовые ссылки
Текстовые ссылки
Текстовые ссылки
Текстовые ссылки
Текстовые ссылки
Текстовые ссылки

Оставить комментарий

http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotalegko.com/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика