Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лабораторный практикум по информатике.doc
Скачиваний:
19
Добавлен:
01.12.2018
Размер:
9.62 Mб
Скачать

22.1.6 Ссылки

Интернет - страница может состоять из нескольких документов. Один из них - главный index.html (или main.html). Он открывается первым и должен обязательно находиться на Вашем сайте в Интернете.

Остальные документы можно называть как угодно (photos.html, about_me.html, my_pets.html, friends.html, gh516hgd.html). Они все могут лежать в одной директории, а могут находиться в разных директориях.

Ссылкой на эти другие документы (части страницы) может быть текст (фраза, слово), а может быть и картинка (рисунок).

Рассмотрим текстовую ссылку.

Для начала необходимо создать новый документ (допустим, prf.html) в той же директории, где находится главный документ index.html. Пусть prf.html - документ с вашими фотографиями. Тогда можно фразу "посмотреть мои фотографии" сделать ссылкой на prf.html:

<a href="prf.html">посмотреть мои фотографии</a>

Тэг <a></a> делает ссылкой заключенную в него картинку или фразу (текст). Принципы прописывания пути здесь такие же, как в случае с картинками:

(1) - <a href="prf.html">мои фотографии</a>

(2) - <a href="/photos/prf.html">мои фотографии</a>

(3) - <a href="http://www.homepage.ru/prf.html">мои фотографии</a>

В случае (1) документ находится в той же директории, что и документ, в котором находится ссылка на prf.html, в случае (2) - документ находится в поддиректории /photos, в случае (3) ссылаются на сайт http://www.homepage.ru, где находится необходимый документ.

Цвет ссылки прописывается следующим образом:

<body text="#336699" bgcolor="#000000" link="#339999" alink="#339999" vlink="#339999">

Link - цвет ссылки, alink - цвет активной (нажатой) ссылки, vlink - цвет уже посещенной ссылки. В примере цвета одинаковые, но они могут быть разными.

Ссылка на почтовый ящик прописывается так:

<a href="mailto:pochta@mail.ru"> pochta@mail.ru - пишите письма </a>

Как уже упоминалось ранее, ссылкой может быть и картинка. Принцип ссылки тот же, что и в случае с текстом, только между тэгами вставляется не текст, а картинка:

<a href="prf.html"> <img src="primtocodephoto.gif" align="left" HSPACE=30 VSPACE=5 alt="моя фотография"> </a>

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

Делается это по такому же принципу:

<a href="http://www.melody.ru/music.mp3"> скачать песню </a>

Если адрес указан таким способом, то это означает, что в указанном каталоге есть файл вроде index.html, который загрузится по умолчанию:

<a href="http://www.melody.ru/"> музыкальный сайт </a>

Для того чтобы при нажатии на маленькую картинку загружалась картинка большего размера, делают ссылкой картинку (допустим, small.jpg) и ссылаются на другую картинку (допустим, big.jpg):

<a href=”big.jpg”> <img src=”small.jpg”> </a>

В этом случае большая картинка откроется в том же окне.

Для того чтобы картинка (или любой другой файл-документ) открылась в новом окне, следует воспользоваться параметром тэга <a></a> target:

<a href=”big.jpg” target=”_blank”> <img src=”small.jpg”> </a>

Итак, target=”_blank” указывает на то, что документ (в нашем случае картинка), на который ведет ссылка, откроется в новом окне браузера.