Конспект урока: "Создание простейших HTML-таблиц"

Создание простейших HTML-таблиц

Создание таблицы:

… .

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

Создание строки: … .

Создание ячейки:

и или и .

Тег

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

Параметры тега

1. Создание рамки таблицы: BORDER= «…» (числовое значение)

2. Расстояние между смежными ячейками (точнее между рамками ячеек) как по горизонтали, так и по вертикали: CELLSPACING= «…» (числовое значение)

3. Размер свободного пространства (отступа) между рамкой ячейки и данными внутри ячейки CELLPADDING= «…» (числовое значение)

4. Ширина таблицы: WIDTH= «…» (числовое значение) (и для ячеек таблицы)

5. Высота таблицы: HEIGHT= «…» (числовое значение) (и для ячеек таблицы)

6. Заливка таблицы: BGCOLOR= «…» (и для тега строк, и для тега ячеек)

7. Расположение таблицы в области просмотра: ALIGN= «…» (LEFT, RIGHT, CENTER)

Параметры форматирования данных внутри ячеек таблицы:

1. Горизонтальное выравнивание содержимого ячеек — ALIGN= «…» (значения LEFT, RIGHT и CENTER)

2. Вертикальное выравнивание содержимого ячеек — VALIGN= «…» (значения ТОР (по верхнему краю), BOTTOM (по нижнему краю), MIDDLE (посередине), BASELINE (по базовой линии))

Параметры объединения ячеек:

1. COLSPAN= «…» (на сколько столбцов следует расширить текущую ячейку по горизонтали)

2. ROWSPAN = «…» (количество строк, которые должна захватить текущая ячейка по вертикали)

Отображение пустых ячеек в таблицах

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