Гиперссылки и рисунки в web-документах

      Комментарии к записи Гиперссылки и рисунки в web-документах отключены

Гиперссылки. В HTML-документах переход от одного фрагмента текста к другому задается с помощью тэга вида:

выделенный фрагмент текста

В качестве параметра [адрес перехода] может использоваться несколько типов аргументов:

1. Чтобы организовать ссылку на другой документ, надо задать имя этого HTML-документа, к которому нужно перейти. Например:

столица

Такой текст приведет к появлению в документе гиперссылки, т. е. подчеркнутого текста столица, при нажатии мышкой на который в текущее окно будет загружен документ с именем primer1.htm.

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

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

информация

3. При необходимости можно задать переход не просто к некоторому документу, но и к определенному месту внутри этого документа. Для этого следует создать в документе, к которому будет задан переход, некоторую опорную точку или закладку.

Пусть, например, необходимо осуществить переход из файла 1.htm к словам «Раздел 5» в файле 2.htm (файлы находятся в одной папке). Прежде всего, следует создать в файле 2.htm следующий тэг:

Раздел 5

Слова «Раздел 5» при этом никак не будут выделены в тексте документа. Затем в файле 1.htm можно определить переход на этот тэг:

Переход к разделу 5

4. Если пользователь совершит переход по ссылке:

Послать письмо

то у него на экране откроется окно ввода исходящего сообщения его почтовой программы. В строке To: (Куда) окна почтовой программы будет указано user@mail.box.

Изображения в HTML-документе.В HTML-документах используются графические файлы в формате *.gif или *.jpg. Для вставки изображения с именем images/Giperssilki_i_risunki_v_Web-dokumentah.gif, находящегося в одной папке с HTML-документом, надо использовать тэг вида:

Такой тэг может также включать атрибут alt=[текст], например:

Встретив такой тэг, браузер покажет на экране текст Картинка и начнет загружать на его место картинку из файла images/Giperssilki_i_risunki_v_Web-dokumentah.gif. Атрибут alt может оказаться необходимым на случай, если у браузера отключена автоматическая загрузка изображений.

Чтобы поместить flash-ролик на Web-страницу надо в Macromedia Flash выполнить команду File/Publish Preview/Html. Откроется flash-ролик в одном из браузеров. Нужно выполнить команду Вид/Исходный код страницы (или Вид/Источник), в появившемся окне скопировать текст между тэгамии , включая эти тэги, и вставить в тело html-документа.
Для просмотра ролика надо открыть html-документ в одном из браузеров. В браузере Internet Explorer возможна ситуация, когда приложение показывает панель информации с предупреждением о наличии элемента ActiveX. Надо щелкнуть на верхней панели и выбрать пункт Разрешить заблокированное содержимое.

Цветовая гамма. Цвета всего HTML-документа задаются атрибутами, размещенными внутри тэга : bgcolor определяет цвет фона документа; text – цвет текста документа; link ? цвет гиперссылки; vlink ? цвет ссылки на документ, который уже был просмотрен ранее; alink ? цвет ссылки, когда на нее указывает курсор мыши и нажата ее правая кнопка.

Цвет кодируется последовательностью из трех пар символов. Каждая пара представляет собой шестнадцатеричное значение насыщенности заданного цвета одним из трех основных цветов (красным, зеленым и синим) в диапазоне от нуля (00) до 255 (FF).

Например: bgcolor=#FFFFFF ? цвет фона (здесь – белый), text=#000000 ? цвет текста (здесь – черный), link=#FF0000 ? цвет гипертекстовой ссылки (здесь – красный)

Тэгможет включать атрибут background=[имяфайла], который задает изображение, служащее фоном для текста и других изображений. Фон должен быть представлен в формате *.gif или *.jpg. Браузеры заполняют копиями изображения-фона все окно.

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

Пример.

HTML-документ Web-документ

Пример 3

Минск — столица

Беларуси

Щелкните по нижнему рисунку

Щелкните по нижнему рисунку
Минск-столица Беларуси

В этом примере используются файлы с рисунками images/Giperssilki_i_risunki_v_Web-dokumentah_2.jpg и images/Giperssilki_i_risunki_v_Web-dokumentah_2.jpg, которые хранятся в той же папке, что и исходный пример, а также устанавливается гиперсвязь с файлом primer1.htm, также хранящимся в этой же папке.

Использование таблиц

Страница может быть представлена в виде таблицы. Тогда в HTML-документе используются тэги

и

. Тэг может включать несколько атрибутов:

— align ? устанавливает расположение таблицы по отношению к полям документа. Допустимые значения: align=left (выравнивание влево), align=center (выравнивание по центру), align=right (выравнивание вправо);

— width ? ширина таблицы. Ее можно задать в пикселах (например, width=400) или в процентах от ширины страницы (например, width=80%);

— border ? задает ширину внешней рамки таблицы и ячеек в пикселах (например, border = 4). Если атрибут не установлен, таблица показывается без рамки;

— cellspacing ? устанавливает расстояние между рамками ячеек таблицы в пикселах.

Таблица может иметь заголовок ( … ),хотя он не является обязательным. Этот тэг также может включать атрибут align. Допустимые значения:(заголовок над таблицей) и(заголовок под таблицей).

Каждая строка таблицы начинается с тэга

и заканчивается тэгом

. Он может включать атрибуты:

— align ? устанавливает выравнивание текста в ячейках (влево, по центру, вправо);

— valign ? задает вертикальное выравнивание текста в ячейках строки. Допустимые значения: valign=top (выравнивание по верхнему краю), valign=middle (выравнивание по центру), valign=bottom (выравнивание по нижнему краю).

Каждая ячейка таблицы начинается с метки

и заканчивается меткой

. Тэг может включать следующие атрибуты:

— nowrap – означает, что содержимое ячейки должно быть показано в одну строку;

— colspan ? устанавливает «размах» ячейки по горизонтали. Например, colspan=3 означает, что ячейка простирается на три колонки;

— rowspan ? задает «размах» ячейки по вертикали. Например, rowspan=2 означает, что ячейка занимает две строки;

— width ? устанавливает ширину ячейки в пикселах;

— height ? задает высоту ячейки в пикселах (например, height=40).

Если ячейка таблицы пуста, вокруг нее не рисуется рамка. Если ячейка пуста, а рамка нужна, в ячейку можно ввести символьный объект nbsp. Ячейка таблицы может содержать в себе другую таблицу.

05. Вставка гиперссылки на веб-страницу (Тег А)