Краткие теоретические сведения. Гиперссылки и графика
Гиперссылки и графика
При хранении вся информация может быть представлена либо в виде одного цельного блока (как один большой текстовый документ) или в виде нескольких независимых блоков, связанных между собой только специально оформленными ссылками. Хранение и представление информации в виде независимых частей (страниц), связанных между собой ссылками, называется гипертекстом или гипертекстовым документом. Ссылки между частями называются гипертекстовыми ссылками или просто ссылками. Ссылки могут указывать, как на отдельные части документа, так и на различные документы. Ссылки в пределах одного документа называются внутренними, а на другие документы – внешними. В языке HTML предусмотрен тег <a>, при помощи которого и создаются гиперссылки. При помощи атрибута name= тега <a> указывается место в документе, на которое затем можно будет перейти. Другой способ указания точки перехода в документе – при помощи общего атрибута id=. Сам переход в пределах одного документа, или в другой документ, указывается с помощью атрибута href=. Имя точки перехода, указанной при помощи атрибута name= или id=, в атрибуте href= должно обязательно начинаться символом «#». Например, если name="label1", то href="#label1". Внешние ссылки могут быть относительными – если указывают на документ в пределах одного сайта (или компьютера) и абсолютными – когда указывается протокол обмена и полный адрес документа в сети, например href="http://www.kname.edu.ua". Если будет указана только папка, без имени конкретного файла, то предполагается, что это ссылка на сайт, и в этой папке будет открыт файл index.html или index.php. Атрибут href= тега <a> позволяет также создавать гиперссылки на конкретные метки во внешних файлах. В этом случае имя метки отделяется от имени файла символом «#». Например, href="index.html#label1" – ссылка на метку label1 во внешнем файле index.html. Цвет гиперссылок в документе HTML указывается в теге <body> с помощью атрибутов: link= – просто ссылка, alink= – выделенная ссылка и vlink= – уже посещаемая ссылка. С помощью атрибута target= тега <a> можно указать место загрузки ссылки: target="_parent" – в текущее окно браузера, или target="_blank" – в новое. Атрибут title= тега <a> служит для создания подсказки, которая всплывает при выделении гиперссылки. Такая подсказка полезна, например, в случае, когда в качестве гиперссылки используется картинка.
Гиперссылки на адреса электронной почты указываются немного иначе, чем на другие документы, например, <a href="mailto:[email protected]">Мой е-mail</a>. Здесь «mailto:» записывается обязательно, и точно так, как указано. Подобным образом создаются гиперссылки на другие службы Internet, например, news-конференции, только вместо «mailto:» пишется «news:», а вместо адреса электронной почты – имя группы новостей.
Графические объекты в HTML-документ вставляются при помощи тега <img>. При этом можно использовать такие форматы файлов изображений, как .GIF, .JPG, .JPEG и PNG. Атрибут src= является обязательным и указывает имя файла, содержащего графическое изображение. Выравнивание изображения выполняется при помощи атрибута align=. Так значение атрибута align= left выравнивает изображение по левому краю окна, align= right – по правому. Рамка вокруг изображения устанавливается при помощи атрибута border=. Ее толщина указывается в пикселях. Атрибуты height= и width= указывают размер изображения в пикселях по высоте и ширине, соответственно. Всегда желательно явно устанавливать эти атрибуты для ускорения загрузки страницы браузером. Атрибуты hspace= и vspace= указывают размер свободного места в пикселях слева и справа, и сверху и снизу от изображения, соответственно.
Ход работы