Работа дома в интернете без вложений.    Самые популярные и доступные способы заработка в сети..    Популярнейший развлекательный сайт. Много свежих анекдотов и всякой смешной всячины.



Рекламный блок

Рейтинг@Mail.ru
Goon Каталог сайтов



Ссылки-картинки в HTML документе.



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

<a href="адрес страницы или другого сайта"><img src="электронный адрес картинки "></a>

Сделаем ссылкой картинку, которая у нас уже есть на нашей
странице:

<a href="http://www.soiskateliam.com">
<img src="
http://s45.radikal.ru/i109/1006/75/88888a8e9933.jpg"
align="left" hspace="25" vspace="15" border="3"
bordercolor ="#CC0000"></a>



Вставим полученный код html на нашу страничку:


<html>
<head>
<title>Животный мир нашего края.</title>
</head>
<body text="#FF0033"  bgcolor="#66CC99" 
link="#FF3366" alink="#6666FF" vlink="#FF3366"
background="http://s001.radikal.ru/i193/1011/1c/20c1465625c1.jpg">
<div align="center">
<H1>Животные, обитающие в нашей области.</H1>
<H2><font color="#0000CC">Животные леса.</font></H2>
<br> 
<font color="#633000"> 
 <p align="justify"><font face="Garamond,  Arial, Verdana">
<a href="http://www.soiskateliam.com">
<img src="
http://s45.radikal.ru/i109/1006/75/88888a8e9933.jpg" align="left" hspace="25" vspace="15" border="3" bordercolor ="#CC0000"></a>
Животный мир нашего края достаточно разнообразен и представлен беспозвоночными и позвоночными животными различных классов, отрядов и видов.</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.soiskateliam.com">
<font color="#000099">
работа на дому</font></a> В водоемах области обитает 38 видов рыб, из которых наиболее распространенными являются карп, сазан, лещ, карась, жерех и др. Самыми крупными рыбами водоемов области являются сом и щука.
</font></p> </font> </div> </body> </html>
посмотреть







































   Для того, чтобы ссылка у Вас открывалась в другом окне браузера, нам в тэге <a></a> необходимо прописать атрибут target="_blank".

<a href="http://www.soiskateliam.com"
target="_blank"><img src="
http://s45.radikal.ru/i109/1006/
75/88888a8e9933.jpg
" align="left" hspace="25" vspace="15"
border="3" bordercolor ="#CC0000"></a>

   Также ссылки можно прописывать и внутри документа. Это в основном применяется для страниц с большим содержанием контекста. Текст разделяется на разделы, а верху размещаются ссылки на каждый раздел. Это очень удобно для посетителя данной страницы. Ему не придётся рыскать по всей странице в поисках нужной информации. Ему достаточно будет нажать на ссылку соответствующей тематики, которая ему нужна и сразу попадёт в нужное место на странице. Это сделать можно с помощью атрибута name.

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

<a href="#путь к закладке-1">ссылка на раздел первый</a>
<a href="#путь к закладке-2">ссылка на раздел второй</a>
<a href="#путь к закладке-3">ссылка на раздел третий</a>

Символ решетки # перед именем закладки html, на которую мы ссылаемся, обязателен.
Теперь нужно к этим ссылкам создать закладки html:

<a name="путь к закладке-1">раздел первый </a>
<a name="путь к закладке-2">раздел второй</a>
<a name="путь к закладке-3">раздел третий</a>

Пример кода html:


<html>
<head>
<title>Стихи о любви.</title>
</head>
<body text="#FF0033"  bgcolor="#66CC99" 
link="#FF3366" alink="#6666FF" vlink="#FF3366"
background="http://s001.radikal.ru/i193/1011/1c/20c1465625c1.jpg"> 

<a href="#stih1"><H3>раздел первый</H3></a>
<a href="#stih2"><H3>раздел второй</H3></a>
<a href="#stih3"><H3>раздел третий</H3></a>

<a name="stih1"><H3>Стих-1</H3></a>
<font color="#000033">
Бывают мгновенья,
когда не требуешь последних ласк,
а радостно сидеть,
обнявшись крепко,
крепко прижавшись друг к другу...
</font>

<a name="stih2"><H3>Стих-2</H3></a>
<font color="#000033">
Пора любви, пора стихов
Не одновременно приходят...
Зажжется стих — молчит любовь,
Придет любовь — стихи уходят...
</font>

<a name="stih3"><H3>Стих-3</H3></a>
<font color="#000033">
Быть нелюбимым! Боже мой!
Какое счастье быть несчастным!
Идти под дождиком домой
С лицом потерянным и красным...
</font>

</body>
</html>
посмотреть


   На этом наше изучение о ссылках html заканчивается.

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



2018-02-25 14:33:06 - Не могу записать данные в файл: /var/www/cleopa/data/www/soiskateliam.com/spiretonsink/cache_soiskateliam_com_e1.txt
2018-02-25 14:33:06 - Не могу записать данные в файл: /var/www/cleopa/data/www/soiskateliam.com/spiretonsink/cache_soiskateliam_com_e1.txt

Погода
Москва
pogoda.ru.net

Курсы валют
http://www.romma.ru/

Рекламный блок
Необходимо выставить права 777 на папку 78435758
Error: Cache dir: Permission denied!
Error: Can't open cache file!
Error: Can't write cache!

Новинки кино
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Работа дома в интернете без вложений.    Самые популярные и доступные способы заработка в сети..    Популярнейший развлекательный сайт. Много свежих анекдотов и всякой смешной всячины.
Сайт создан в 2010 г ©.Работа в интернете на дому.
Копирование информации разрешено лишь с разрешения владельца сайта.