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

Таблица в HTML – это совокупность данных, расположенных и связанных между собой при помощи ячеек, размещаемых в строках и колонках. Таблица заполняется данными построчно. Для вставки таблиц определено 3 основных тега. Содержимое ячеек помещается в теги <td>…</td>, которые, в свою очередь, помещаются в теги строк <tr>…</tr>, а они уже – в тег <table>…</table>.

Количество тегов <tr>…</tr> определяет количество строк. В каждом теге строки должно быть одно и то же число тегов <td>…</td>, равное числу столбцов, иначе таблица отобразится неправильно. Можно создавать вложенные таблицы: вкладывать таблицу в ячейку другой таблицы.

<table>…</table> – определяет начало и конец кода таблицы, содержит в себе теги строк и ячеек.

Атрибуты:

align="…" – определяет режим выравнивания таблицы относительно текста в строке

left – по левому краю

right – по правому краю

background="URL" – задает фоновый рисунок в таблице

bgcolor="цвет" – цвет фона таблицы

border="N" – устанавливает толщину границ таблицы, равную N пикселей (0 для отключения)

bordercolor ="цвет" – цвет рамки

cellpadding="N" – размер поля вокруг содержимого каждой ячейки

width="N" – ширина таблицы в пикселях или процентах от ширины окна

<tr>…</tr> – определяет строку ячеек таблицы

Атрибуты:

align="…" – определяет режим выравнивания содержимого ячеек строки

left – по левому краю

center – по центру

right – по правому краю

justify – по ширине

background="URL" – URL изображения, которое заполнит фон ячеек строки

bgcolor="цвет" – цвет фона ячеек строки

valign="…" – определяет режим выравнивания содержимого ячеек строки по вертикали

top – по верхнему краю

middle – по середине (по умолчанию)

bottom – по нижнему краю

<td>…</td> – определяет ячейку данных таблицы

Атрибуты:

align="…" – определяет режим выравнивания содержимого ячейки

left – по левому краю

center – по центру

right – по правому краю

background="URL" – URL изображения, которое заполнит фон ячейки

bgcolor="цвет" – цвет фона ячейки

valign="…" – определяет режим выравнивания содержимого ячейки по вертикали

top – по верхнему краю

middle – по середине (по умолчанию)

bottom – по нижнему краю

height="N" – высота ячейки в пикселях

width="N" – ширина ячейки в пикселях или процентах от ширины

таблицы