HTML-таблицы

Таблицы, которые позволяют выводить свои данные на странице, - являются неотделимой частью

HTML. Во время работы с БД (базами данных) или другой урегулированной информацией они очень

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

размещения на странице html-элементов либо элементов управления на форме.

Таблицы организуются из комбинации строк и столбцов. На их пересечении располагаются ячейки.

Они могут включать в себя разные HTML-элементы: графику списки, абзацы, фигуры, заголовки и

элементы форм.

Структура таблицы

Пример полной графической структуры таблицы:

Тэг <table> - основной элемент таблицы. Таблица может также иметь заголовок (тэг <thead>), тело таблицы (тэг <tbody>) подвал таблицы (<tfoot>). Это необязательные элементы. Но с их помощью можно точнее отобразить структуру таблицы. Внутри данных элементов находятся строки (тэг <tr>). В них - ячейки таблицы (тэг <td>). Их выравнивает WEB-браузер, когда выводит страницы. Так и образуются колонки:

Ячейки способны объединяться как по вертикали, так и горизонтали. Об этом разговор пойдет далее.

Основа таблицы - тэг table. Он ее описывает. Внутри тэга table находятся все элементы таблицы.

border
В пикселях задает толщину границ таблицы, причем всех. Этот атрибут одинаков и для границ ячеек, и для внешних границ. При указанном 0 границы не изображаются.

bgcolor
Определяет цвет фона таблиц. Он может быть задан как название предопределенного цвета или в шестнадцатеричном формате.

align
Определяет расположение таблицы относительно родительских элементов.

Значения                                 Описание

left                            таблица будет выровнена по левому краю;

center                       таблица будет выровнена по центру;

right                           таблица будет выровнена по правому краю.

cellpadding
Указывает внутри ячейки размер отступа, который и отделяет от границ таблицы содержимое (указывается в пикселах).

cellspacing
Задает в пикселях отступ ячеек друг от друга.

width
По отношению к родительскому элементу атрибут может двумя способами задавать ширину таблицы.

Значения                                 Описание

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

percent                 в этом случае ширина задается в процентах относительно
                               к размеру родительского элемента.