Создание таблиц в HTML

Таблицы являются удобным средством форматирования данных в HTML.

Таблицу задает и определяет ее общие свойства тег

.

По горизонтали, например по центру, таблицу можно выровнять с

помощью тега

, размещаемого перед

.

Тег

может иметь атрибуты:, где

border=»5″ — ширина боковой грани в пикселях. При нулевом зачении

рамка исчезает совсем.

width=»100″ — ширина таблицы в пикселях или

width=»50%» -ширина таблицы в % по отношению к ширине страницы в окне.

cellspacing=»10″ — ширина фронтальной грани в пикселях.

cellpadding=»10″ — задает размер пустого пространства в пикселях,

окружающего данные в ячейке.

Тег задает заголовок таблицы.

Тег

задает строку таблицы. Следующий тег задает следующую

строку таблицы. Конечный тег необязателен.

Тег

.

Ячейка-заголовок отличается от обычной тем, что текст внутри нее

выделяется полужирным шрифтом.

Цвет фона заголовка задается:

задает ячейку таблицы. Следующий тег задает следующую

ячейку таблицы. Конечный тег необязателен.

Цвет фона ячейки задается в теге

:

Непарный тег

— задает элемент ячейки, которая является

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

Заголовок 1.

Создание таблиц в HTML дано в следующих примерах.

Пример 1.

Таблица 1

Петров М.H.

Пример 2.

Таблица 2, Экология.

Температура Давление Влажность Скорость ветра Направление ветра
21 745 65 4 юг
20 748 72 6 север
22 750 70 3 запад

Пример 2