Таблицы

Для размещения на веб-странице таблиц используется парный тег <TABLE> (закрывающий тег обязателен). HTML-таблица состоит из строк, каждая из которых задается парным тегом <TR> (закрывающий тег не требуется.). Каждая табличная строка состоит из ячеек, которые последовательно описываются парными тегами <TD> (обычная ячейка) и (или) <TH> (ячейка-заголовок), для которых закрывающие теги не требуются. Содержимое обычной ячейки по умолчанию горизонтально выравнивается по левому краю, а ячейки-заголовка — по центру. Кроме того, текст в ячейке-заголовке выделяется полужирным шрифтом.

Атрибуты тега <TABLE>:

cellpadding

Расстояние между содержимым ячейки и рамкой.

cellspacing

Расстояние между ячейками таблицы.

bgcolor

Цвет фона таблицы.

background

Фоновая картинка.

width

Ширина таблицы.

Ширина задается в пикселях или процентах. Если ширина содержимого превышает указанную ширину таблицы, атрибут будет проигнорирован.

align

Задает способ выравнивания таблицы.

Возможные значения:

center	выравнивание по центру
left	выравнивание по левому краю
right	выравнивание по правому краю

border

Задает толщину рамки в пикселях.

bordercolor

Цвет линий рамки.

Атрибуты тега <TR> позволяют установить свойства одновременно для всех ячеек строки:

bgcolor

Цвет фона строки.

align

Задает способ выравнивания по горизонтали.

Возможные значения: center, left, right, justify.

valign

Задает способ выравнивания по вертикали.

Возможные значения:

top	вертикальное выравнивание по верхнему краю строки
middle	вертикальное выравнивание по середине строки
bottom	вертикальное выравнивание по нижнему краю строки
baseline	вертикальное выравнивание по базовой линии, при этом происходит привязка содержимого ячеек к одной линии

Теги <TD> и <TH> имеют следующие атрибуты:

rowspan	Объединение ячеек по строке.
colspan	Объединение ячеек по столбцу.
bgcolor	Цвет фона ячейки.
background	Фоновая картинка.
align	Задает способ выравнивания по горизонтали. Возможные значения: center, left, right, justify.
valign	Задает способ выравнивания по вертикали. Возможные значения: top, middle, bottom, baseline.
width	Ширина ячейки. Ширина задается в пикселях или процентах.

Парный тег <CAPTION> предназначен для создания заголовка к таблице и может размещаться только внутри контейнера <TABLE>, причем сразу после открывающего тега. Закрывающий тег </CAPTION> обязателен. Расположение заголовка определяется значение атрибута align: top (над таблицей), bottom (под таблицей).

Пример:

Задание

Лабораторная работа № 3