5. Изображения и карты

<IMG> – изображение (Image), показываемое на странице. Обязательный атрибут SRC указывает источник (Source) графического или видео-файла, его URL.

<MAP>…</MAP> – «чувствительная» карта рисунка, содержащаяся в HTML-странице. Содержимое тега определяет области рисунка (AREA), чувствительные к наведению курсора и щелчкам мыши, приводящим к переходу по гиперссылке, связанной с областью.

<AREA> – чувствительная область карты – элемент тега MAP.

10. Создание простых и сложных таблиц.

 Таблицы служат для представления табличной информации, а также для улучшения форматирования HTML-страниц, в которых требуется сохранение взаимного расположения текста, графи¬ки, колонок и пр. при изменении размеров окна браузера и шрифтов. Теги для создания таблиц приведены ниже.

<TABLE>…</TABLE> – создаёт всю таблицу, описанную атрибу-тами и содержимым тега. Внутри может содержать только теги TR, CAPTION, TBODY, THEAD, TFOOT.

<TR>…</TR> – создаёт строку таблицы (Table Row), описанную ат-рибутами и содержимым тега. Может содержаться только внутри эле-ментов TABLE, THEAD, TFOOT, TBODY. Содержит только элементы TD и TH.

<TD>…</TD>, <TH>…</TH> ¬– ячейки таблицы: ячейка данных (TD) и ячейка заголовка столбца (TH). Ячейки могут располагаться только в строках таблицы (TR). Содержать они могут любые теги, в том числе и таблицы. С помощью специальных атрибутов в одну ячейку можно объединять несколько соседних ячеек как по вертикали, так и по горизонтали.

<CAPTION>…</CAPTION> – содержит заголовок (Caption) табли-цы: надпись над таблицей или подпись под ней. Применяется только в элементе TABLE. Содержимое тега может быть любым.

<TBODY>…</TBODY>, <THEAD>…</THEAD>, <TFOOT>… </TFOOT> – тело таблицы и её верхний и нижний колонтитулы, соответ-ственно. Употребляются только в элементе TABLE. Содержат только эле-менты TR.

Браузер выравнивает таблицу по следующим правилам:

 Высота строки определяется максимальной высотой её ячеек.

 N-й столбец таблицы составляют N-е ячейки её строк. Ширина столбца определяется максимальной шириной его ячеек.

11. . Особенности работы с фреймами.

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

Для задания разбиения на фреймы используется контейнер FRAMESET. Его параметр COLS задаёт разбиение по горизонтали (колонки), а параметр ROWS задаёт разбиение по вертикали (строки).

Контейнер FRAMESET при этом используется вместо контейнера BODY. Структура документа при этом остаётся прежней- контейнеры HEAD и FRAMESET располагаются в контейнере HTML.

Значения параметров COLS и ROWS задаются в кавычках. Через запятую следует набор значений, представляющих высоту или ширину фреймов. Количество значений определяет число фреймов.

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

Помимо этого, пропорции между фреймами можно задавать звёздочками *. Размер фрейма при этом определяется как отношения числа звёздочек на этот фрейм к общему числу звёздочек в значении параметра.

Примеры

<FRAMESET COL="*,***,*">

Данный пример задаёт 3 фрейма, расположенных вертикально (3 колонки). Размеры фреймов задаются относительно, их конечный размер будет зависеть от размера окна браузера. При этом, если перевести звёздочки в проценты, то первый и третий фреймы занимают по 1/(1+3+1)=20%, третий 3/(1+3+1)=60%. Данное определение разбиения рабочей области окна браузера эквивалентно <FRAMESET COL="20%,60%,20%">

<FRAMESET ROWS="50%,40%,10%">

Данный пример задаёт разбиение на 3 строки. Размеры фреймов задаются относительно текущего размера окна браузера.

<FRAMESET COL="20,200,*">

Данный пример задаёт 3 колонки. Размеры фреймов будут 10, 200; значок * используется "для того, что осталось". Вместо звёздочки можно задавать любое значение, оно фактически игнорируется.

Следует отметить, что Netscape Navigator 3.0- часто используемый браузер под Win 3.11, не отображает фреймы, размер которых задан в процентах.

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

Для этого используется одиночный тег FRAME. Его параметр NAME задаёт имя фрейма. Желательно, чтобы это имя начиналось с буквы или подчёркивания, допустимо использовать буквы латинского регистра. Знаки помимо символа подчёркивания, латинских букв и цифр не допускаются. Параметр SRC задаёт имя файла, который будет загружен в фрейм.

Объявления фреймов должны идти по порядку:

фрейм разбиения верхний слева, движение вправо до конца строки- переход на следующую строку. Этот параграф касается совместного использования параметров COLS, ROWS. Использование двух параметров приводит к делению на строки, а затем- каждой строки на колонки.