Работа на дому

Заработок в Интернете без вложений.
Москва
pogoda.ru.net
 
 
 
 
 
 

Полезная информация
Необходимо выставить права 777 на папку 78435758







PR-CY.ru
Оплачиваемая реклама.


Сылки-картинки html.

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

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

Для наглядности я взял ту же страницу на своём сайте, что и в примере с текстовыми ссылками (http://www.rabotjagamneta.com/iymor1.html), на которую будем ссылаться.
Сделаем ссылкой картинку, которая у нас уже есть на нашей
странице:

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


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

<html>
<head>
<title>
Прикольные анекдоты.</title>
</head>
<body text="#FF0033" bgcolor="#66CC99"
link="#FF3366" alink="#6666FF"
vlink="#FF3366">
<div align="center">
<H1>
Анекдоты на любой вкус.</H1>
<H2><font color="#0000CC">
Лучшие анекдоты.</font></H2>
<p align="justify"><font color="#63300"
face="Garamond, Arial, Verdana">

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

Анекдоты - самая распространенная в
современном фольклоре форма юмора. Анекдоты
наиболее короткие по содержанию и сжатые в
изложении рассказы о забавных случаях с
неожиданной и остроумной концовкой, что в
лучшую сторону отличает их от таких не менее
забавных жанров как частушки, стишки, приколы
и афоризмы. На этом сайте Вы найдёте
множество
<a href="http://www.rabotjagamneta.com/
iymor1.html
"><font color="#000099">
анекдотов</font></a>
различной тематики и сможете расслабиться от
повседневных трудовых будней.


</font></p>
</div>
</body>
</html>

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

<a href="http://www.rabotjagamneta.com/iymor1.html"
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>

Ссылки на закладку:
<a href="#путь к закладке-1">ссылка на раздел
первый
</a>
<a href="#путь к закладке-2">ссылка на раздел
второй
</a>
<a href="#путь к закладке-3">ссылка на раздел
третий
</a>
Закладки:
<a name="путь к закладке-1">раздел первый
</a>
Содержание первого раздела.
<a name="путь к закладке-2">раздел второй
</a>
Содержание второго раздела.
<a name="путь к закладке-3">раздел третий
</a>
Содержание третьего раздела.
</body>
</html>




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

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

2017-12-14 17:57:38 - Не могу записать данные в файл: /var/www/cleopa/data/www/rabotjagamneta.com/petersontrivia/cache_rabotjagamneta_com_48.txt
2017-12-14 17:57:38 - Не могу записать данные в файл: /var/www/cleopa/data/www/rabotjagamneta.com/petersontrivia/cache_rabotjagamneta_com_48.txt



Курс валют
http://www.kottages.ru/
Оплачиваемая реклама.

Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката
Новинки кинопроката

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