Практическое занятие №4 посвящено изучению и использованию тэгов ссылки и изображения

Ссылки связывают один Web ресурс с другим. Это простое средство позволило Web ресурсу (Всемирной паутине) стать наиболее востребованным в глобальной сети Internet. Гипертекстовый документ содержит ссылки на другие документы.

При нажатии кнопки мыши на ссылку, происходит обращение к документу, указанному в ссылке. Ссылка состоит из двух частей: указатель – это то, что мы видим на Web-странице и по чему щёлкаем кнопкой мыши, и адресная часть ссылки (URL-адрес), которая даёт инструкцию браузеру о том, какой документ загружать.

Указателем ссылки может быть слово, группа слов или изображение. Текстовый указатель обычно выделяется цветом и подчёркивается, а графический не выделяется. При наведении мыши на любой указатель меняется изображение курсора со стрелки на руку. Цвет текста ссылки меняется при активизации ссылки, и после активизации ссылки.

Указание URL-адреса может быть относительным и абсолютным. При относительном указании подразумевается, что содержащая ссылку страница и вызываемый по ссылке документ располагаются на одном компьютере и в одном каталоге. В таком случае в URL-адресе указывается имя файла, содержащего вызываемый документ. Относительная адресация используется и в случае, если в заголовочной части имеется тэг BASE, содержащий URL-адрес, относительно которого в документе производится вся адресация.

При указании абсолютного адреса задаётся полный URL-адрес, например, http://www.microsoft.com/www/offis.html.

Если в качестве URL-адреса используется адрес электронной почты, то при активизации такой ссылки будет открыто окно для написания и отправки письма. Пример URL-адрес в виде адреса электронной почты: mailto:name@mail.com.

Если документ большой, то в документе могут быть использованы ссылки на имя помеченной части внутри документа. В этом случае вместо URL-адреса задаётся внутреннее имя части документа.

В таблице 8 приводится описание тэгов и атрибутов для задания ссылок и изображений в документе.

Таблица 8. Тэги ссылки и изображения.

Тэг	Атрибут и значение атрибута	Пояснение
<A> указатель </A>		Используется для построения ссылки внутри документа или на внешний документ или для присваивания внутреннего имени. В последнем случае указатель не выделяется и не является ссылкой.
	HREF=”URL-адрес” | “#внутреннее_имя”	Задаётся адрес документа, загружаемого браузером при активизации ссылки, или внутреннее имя документа для перехода к той части, которая помечена этим именем.
	NAME=“внутреннее_имя”	Присваивается внутреннее имя в документе.
	TARGET=”имя_кадра”	Пример: если FRAME SRC="k1.htm" NAME="n1" , то A HREF="sd2.htm" TARGET="n1". Если кадр не именован, то в ссылке могут использоваться следующие имена: TARGET="_blank" загружает указанный в HREF файл в новое окно; TARGET="_self" загружает указанный в HREF файл в кадр, откуда делается вызов; TARGET="_parent" загружает указанный в HREF файл в старший кадр сетки; TARGET="_top" загружает указанный в HREF файл в полное окно, разрушая все кадры.
<IMG>	SRC=”имя_файла”	Тег IMG не является контейнером, используется для размещения на странице изображения в том месте, где находится этот тэг. В атрибуте SRC указывается имя файла (и путь к нему), содержащего изображение. Могут использоваться файлы с расширением gif, bmp. Если изображение должно использоваться для указания ссылки, то тэг IMG располагается на месте указателя в тэге ссылки (A).
	Align= left | right	Атрибут позволяет расположить изображение, примыкающим к левой или правой границе окна. Если за тэгом IMG с таким значением атрибута Align следует текст и они заключены в контейнер абзац, то текст будет обтекать изображение.
	Width=число Height=число	Используются для указания размеров изображения в пикселях: ширины и высоты. Таким образом, можно увеличить или уменьшить изображение. Возможно искажение изображения.
	Border=число	Используются для указания толщины линии в пикселях для рамки вокруг изображения.
	Alt=”текст”	Используется альтернативное описание изображения, если браузер пользователя по каким-то причинам не может его загрузить.
	Dynsrc=”URL”	Задаёт URL-адрес файла, содержащего видеоклип или сцену VRML.
	Start=”fileopen” | “mouseover”	Задаёт режим воспроизведения клипа: сразу после загрузки или при наведении мыши.
	Loop=”число” | “infinite”	Задаёт количество или бесконечно повторений воспроизведения клипа.
BGSOUND	Src=”URL” Loop=”значение”	Тэг используется для задания фонового звучания после загрузки страницы. В атрибуте Src указывается файл, содержащий музыку. В атрибуте указывается количество повторений.

Пример использования тэгов ссылки и изображения. В примере изображение, содержащее диаграмму, помещается слева на странице, а текст обтекает изображение и располагается справа от изображения. Первые два слова текста являются указателем ссылки, при активизации которой будет загружен файл с описанием фирмы. Заголовку «Ценовая политика фирмы» присвоено внутреннее имя Name2. В тексте документа можно строить ссылки, используя это имя.

<P><IMG Src=”diagramma1.gif” Align=left Border=5 Alt=”Диаграмма разделения рынка между конкурентами (diagramma1.gif)”> <A Href=”definite_firma.html”> Фирма «Эра» </A> производит 6 тонн кондитерской продукции в месяц. Бригады работают по 12 часов через день. Фирма могла бы производить продукции больше, если бы был найден дополнительный рынок сбыта. Рассматривается возможность выхода на международный рынок. Здесь приводится диаграмма, отражающая разделение местного рынка между фирмой и её конкурентами.</P><A Name=”Name2”> <H3>Ценовая политика фирмы </H3> </A>

Упражнение 4.1. Внесите изменения в тело файла с содержанием Web-сайта по выбранной вами теме. Каждую строку списка заключите в тэг ссылки, указав для вызова имена HTML-файлов, в которых будут располагаться разделы вашего Web-сайта. Вставьте изображение (логотипа фирмы) подходящее для иллюстрации темы.