Изображения-гиперссылки

Изображения, особенно небольшие пиктограммы и значки, часто используются в качестве графического представления гиперссылок. Создание изображения‑гиперссылки выполняется очень просто: достаточно заключить HTML‑элемент IMG внутрь элемента A, как показано ниже:

<A href = «info.html»><IMG scr = «info.gif»></A>

Изображение‑гиперссылка обычно обводится браузером рамкой такого же цвета, что и цвет текста обычной гиперссылки в соответствующем состоянии (посещенная, не посещенная или активная).

Широкое распространение для веб-графики получили два формата — GIF и JPEG. Их многофункциональность, универсальность, небольшой объем исходных файлов при достаточном для сайта качестве, сослужили им положительную службу, фактически определив их как стандарт веб-изображений. Есть еще формат PNG, который также поддерживается браузерами при добавлении изображений и существует в двух ипостасях — PNG-8 и PNG-24. Однако популярность PNG сильно уступает признанию форматам GIF и JPEG.

35. Создание и оформление таблиц, управление шириной столбцов, объединение ячеек, добавление заголовка.

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

Для обозначения таблицы используется элемент TABLE, который является парным тегом. Многие параметры таблицы задаются установкой соответствующих атрибутов этого элемента. Например:

• Align – задает положение таблицы в окне

• Bgcolor – цвет фона таблицы

• Border – толщина внешней границы

• Bordercolor – цвет внешней границы и границы ячеек

• Width – определяет рекомендуемую ширину таблицы и др.

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

Пример:

<TABLE Align=center Border=5 Bgcolor=green Bordercolor=yellow Width=”50%”>

Строки задаются элементом TR (парный, закрывать необязательно). Элемент имеет ряд собственных атрибутов, задающих выравнивание текста ячеек строки, цвет фона ячеек строки, цвет рамок и пр.

Ячейки в простейшем случае задаются элементом TD, закрывать, который необязательно. Этот тег имеет аналогичные выше приведенным атрибуты. Следует обратить внимание на два атрибута:

• Colspan – задает количество столбцов для слияния

• Rowspan – определяет количество строк для слияния.

Эти два атрибута используются при необходимости создания более сложных таблиц.

Например:

<TR>

<TD Rowspan =2><B>Филиал\Период</B>

<TD Colspan =3><B>3 квартал</B>

<TD Colspan =3><B>4 квартал</B> Филиал\Период	3 квартал			4 квартал

Для создания заголовка таблицы используется парный тег <CAPTION>, помещенный после тега <Table>.

Последовательность тегов для задания простейшей таблицы:

<Table>

<CAPTION>текст заголовка</CAPTION>

<TR><TD>содержимое ячейки<TD>содержимое ячейки<TD> содержимое ячейки <TR><TD> содержимое ячейки……</Table>

К тексту элемента <CAPTION> применяются любые способы форматирования. Для этого элемента можно задать атрибут align, который определяет положение заголовка относительно таблицы, он принимает следующие значения:

Top – заголовок размещается сверху таблицы (используется по умолчанию)

Bottom – под таблицей

Left – слева от таблицы

Right – справа от таблицы