Caйт для веб-мастера.

 Главная | Мой профиль | Выход / Вы вошли как Гость | Группа "Гости" | RSS / Вторник, 23.01.2018


     

Ссылки связующие документы.

Для примера создайте в этой же папке D:/Site еще один документ назовем его whh.html
С любым содержанием по вашему усмотрению. Вы можете это сделать уже
самостоятельно.

<a href="whh.html">мои фотографии</a>
<a href="http://www.p-f-s.ru/whh.html">мои фотографии</a>
 

fraget с константой _blank открывает в новом окне.

 

<a href="index.html" target="_blank">Ссылка на главную страницу. (открывается в новом окне.)</a>


Относительный путь и абсолютный то есть когда адрес прописан полностью.
 

Ссылкам можно задать цвет.

 
<body text="#000000" bgcolor="#C0C0C0" link="#0000FF" alink="#339999" vlink="#339999">
       
link- цвет ссылки, alink - активная ссылка, vlink - посещенная.   
В очередном примере я уменьшу объем кода и просто вношу новые возможности.
Так будет удобней. Можете просто дополнять имеющийся внося новые изменения как нравиться.
 
<html>
<head>
</head>
<body text="#FFFFFF" bgcolor="#000000" link="#0000FF" alink="#339999" vlink="#339999">
<a href="whh.html">мои фотографии</a>
<br>
<a href="http://www.p-f-s.ru/whh.html">мои фотографии</a>
</body>
</html>
Для ссылки можно так же задать персональный цвет воспользуемся <font color=”…”></font>
Обязательно размещаются внутри <a></a>

<a href="whh.html"><font color="#CC0000">Новый документ.</font></a>

Картинка тоже может быть ссылкой
вместо текста вставляется изображение.

<a href="whh.html"><img src="name.jpg"></a>

Ссылку можно делать на форматы с разным расширением (*.doc, *.mp3, *.jpg, *.gif, *.txt, *.zip, *.exe )

 

<a href=http://p-f-s.ru/hoh.zip>Скачать книжку.</a>

Теперь рассмотрим как из картинки (изображения) можно сделать карту.

Отдельные части картинки будут ссылками.

<map><area></map> Карта.
shape="…" - задает форму ссылочной области.
shape="rect" – прямоугольник.
shape="circle" – круг.
shape="poly" – многоугольник.

 

Берется какое то изображение в данном примере name.jpg
Атрибутом usemap задается название карты я назвал «k
coords=”x1,y1,x2,y2” задаются координаты. Считаются от верхнего левого угла картинки.
 
<img src="name.jpg" wight="100" height="100" usemap="#k1">
<map name="k1">
<area href="whh.html" shape="rect" coords="10,10,40,40">
</map>

На изображении name.jpg ширина 100 высота 100 пикселей, находится карта под названием k1
ссылка на документ whh.html прямоугольной формы в координатах coords="10,20,10,20" этого
изображения.
Если надо разместить несколько ссылок на изображении добавляйте

<area href="whh1.html" shape="rect" coords="50,50,80,80">

меняя адрес и нужные и удобные для вас координаты и.т.п.
 
Главное принцип работы и вид записи а дальше сами.
Для круга shape="circle"задаются три цифры coords="x,y,r"
x,y – координаты размещения
r – радиус круга.
Для многоугольников запись делается так:

<area shape="poly" coords="x1,y1,x2,y2,x3,y3,x4,y4,x5,y5">

Из каждой координаты x,y проводится линия в следующую так что форму делать можно разную.



УЧЕБНИК

САЙТЫ КАТАЛОГА
Обслуживание КМ 5 в Омске, сдача отчетов. Поверка, ремонт приборов.
Обслуживание Эльф в Омске, сдача отчетов. Поверка, ремонт приборов.
VBAZE - биржа студенческих работ
Техническое обслуживание ВКТ 4 в Омске, сдача отчетов.
Обслуживание КМ 5 в Омске, сдача отчетов.
VERX Верхняя женская одежда
VERX Верхняя женская одежда оптом и в розницу
VERX Верхняя женская одежда
verx007
Техническое обслуживание приборов учета тепловой энергии в Омске, сдача отчетов. Поверка, ремонт приборов.