Вставка изображений и гиперссылок на Web-страницы

Важную роль в оформлении веб-страниц играют графические объекты: фотографии, картинки. Они делают страницы более привлекательными, а в некоторых случаях являются основным источником информации.

Для размещения на веб-страницах наиболее предпочтительны графические форматы GIF, JPG и PNG. Если рисунок сохранён в другом формате, например, .BMP, то его необходимо заранее преобразовать в один из этих форматов. Так же лучше, если изображения имеют небольшие размеры, это позволяет ускорить процесс загрузки. Все изображения, которые мы видим на веб-странице, хранятся в отдельных файлах, а в HTML-коде имеется лишь ссылка на них.

Для отображения рисунков предназначен непарных тег <img> с атрибутом SRC, который указывает на место хранения файла.

Если графический файл находится на локальном компьютере в той же папке, что и файл веб-страницы, то в качестве значения атрибута SRC, достаточно указать только имя графического файла.

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

Если графический файл находится на удалённом сервере в Интернете, то необходимо указать Интернет-адрес, где располагается файл.

Тег <img> может содержать и другие атрибуты. Например, уже знакомый вам атрибут ALIGN позволяет расположить рисунок относительно текста и может принимать 5 значений: TOP (по верхнему краю), MIDDLE (по середине), BOTTOM (по нижнему краю), LEFT (рисунок слева от текста), RIGHT (рисунок справа от текста).

Ещё один атрибут тега <img> это атрибут alt (альтернативный текст), с помощью которого можно задать текст сообщения, которое будет выводиться вместо рисунка, если он не найден или если отключён его показ в браузере. Значением атрибута alt является текст.

Переходы со страницы на страницу веб-сайта выполняются с помощью гиперссылок. Гиперссылка состоит из двух частей: адреса и указателя ссылки.

Гиперссылка создаётся с помощью парного тега <A> и его атрибута HREF, значение которого является адрес загружаемой веб-страницы. Т.к. тег парный, после указателя ссылки он закрывается. Указателем ссылки может быть текст или графическое изображение. Гиперссылка в виде теста обычно выделена синим цветом и подчёркиванием. При подведении мыши к гиперссылке её курсор превращается в руку. Щелчок мышью по гиперссылке вызывает переход на веб-страницу, указанную в этой гиперссылке.

Гиперссылки разделяются на внутренние и внешние.

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

Гиперссылка называется внешней, если загружаемая в браузер веб-страница размещена в Интернете. В этом случаем в качестве адреса указывается Интернет-адрес.

Гиперссылка может указывать не только на веб-страницу, но и на любой размещённый в сети информационный ресурс: рисунок, презентаций, аудио-видео-фрагментов.

Чтобы создать гиперссылку, активизация которой будет приводить к просмотру изображения, например под именем vaza.jpg в браузере, необходимо записать следующее:

Чтобы создать гиперссылку, активизация которой будет приводить к запуску проигрывателя, встроенного в браузер и воспроизведению звукового файла, например под именем myzuka.wav, необходимо записать следующее:

Чтобы создать гиперссылку, активизация которой будет приводить к сохранению файла на компьютер, с использованием встроенного в браузер менеджера загрузки файлов, например под именем informatika.rar, необходимо записать следующее:

Очень часто на главной странице сайта создают гиперссылку на адрес электронной почты, по которому можно связаться с администрацией сайта. Гиперссылка этого типа заключается в контейнер «ADDRESS».

Теперь по щелчку мыши по ссылке адреса электронной почты будет открываться почтовая программа, где в строке «Кому» будет указан заданный в ссылке адрес.

Теперь веб-страница выглядит более привлекательно.