Задание 1. Используя описания атрибутов команды Table, создайте 15 html-документов в соответствии с выше предложенными рисунками 1-15. Атрибуты команды tr

HTML-таблица состоит из строк, каждая из которых задается командой

 

<TR>описание ячеек табличной строки</TR>

Варьируя атрибутами команды TR, можно установить те или иные свойства одновременно для всех ячеек строки.

Атрибут	Значения	Описание
align	left, center, right	Выравнивание по горизонтали
valign	top, center,bottom, baseline	Выравнивание по вертикали
bgcolor	цвет	Цвет фона
bordercolor	цвет	Цвет линий рамки
bordercolordark	цвет	Цвет рамки (снизу и справа)
bordercolorlight	цвет	Светлый цвет рамки (сверху и слева)

Описание атрибутов

Атрибут align

Горизонтальное выравнивание. Если атрибут не задан, содержимое ячеек выравнивается по левому краю границы ячейки, точно так же, как и при align=left. Значение align=right -- выравнивание по правому краю, align=center -- по центру.

Рис.16

Рис.17

Рис.18

Атрибут valign

Вертикальное выравнивание содержимого ячеек (top -- по верхнему краю, bottom -- по нижнему, center -- по центру, baseline -- по самой верхней текстовой строке). По умолчанию (атрибут не задан) браузер центрирует содержимое ячеек по вертикали.

Рис.19

Рис.20

Рис.21

Рис.22

Замечание

В приведенных выше иллюстрациях содержимое клетки (2,1) не перемещается по вертикали потому, что информация в ней плотно уложена по всей высоте клетки.

Атрибут bgcolor

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

Рис.23

Атрибуты bordercolor, bordercolordark и bordercolorlight

Эти атрибуты позволяют настроить обрамление ячеек в строке особым по отношению к всей таблице образом. Атрибут bordercolor -- задает цвет рамки, остальные два служат для настройки "объема".

Браузер Netscape Navigator атрибуты bordercolordark и bordercolorlight не поддерживает. В Microsoft Internet Explorer эти атрибуты позволяют нарисовать для ячеек объемную рамку. Первый задает цвет ее нижней и правой стороны, второй -- левой и верхней.

Рис.24

Рис.25

Задание 2. Используя описания атрибутов команды TR, создайте 10 HTML-документов в соответствии с выше предложенными рисунками 16-25.

Атрибуты команды td (th)

Каждая табличная строка состоит из ячеек, которые последовательно описываются командами TD (обычная ячейка) и (или) TH (ячейка-заголовок):

<TH>описание содержимого ячейки</TH>

<TD>описание содержимого ячейки</TD>

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

Команды TD и TH имеют следующие атрибуты:

Атрибут	Значения	Описание
align	left, center, right	Выравнивание по горизонтали
valign	top, center, bottom, baseline	Выравнивание по вертикали
width	число или процент	Ширина ячейки
bgcolor	цвет	Цвет фона
background	файл	Фоновая картинка
bordercolor	цвет	Цвет линий рамки
bordercolordark	цвет	Цвет рамки (снизу и справа)
bordercolorlight	цвет	Светлый цвет рамки (сверху и слева)
nowrap		Выключение автоматического разрыва строк
colspan	число	Ширина большой ячейки (в столбцах)
rowspan	число	Высота большой ячейки (в строках)