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

Примечание: Посмотреть исходный код любой веб-страницы можно щелкнув правой кнопкой на любом свободном от ссылок и картинок месте и выбрав в всплывающем меню пункт «Просмотр HTML-кода» в Internet Explorer или «Исходный код» в Opere.

Таблицы задаются парными тегами <TABLE>…</TABLE> и состоит из строк, задаваемых элементом TR - парные теги <TR>…</TR> (закрывающий тег не обязателен) и ячеек - элемент TD, с парными тегами <TD>…</TD> (закрывающий тег так же не обязателен).

Для таблицы имеется возможность создавать заголовок, задаваемый парными тегами <CAPTION>…</CAPTION>, который должен располагаться непосредственно за открывающим тегом <TABLE>

Пример таблицы с заголовком:

Многие параметры отображения таблицы задаются соответствующими атрибутами элемента TABLE, рассмотрим некоторые из них:

• align - задаёт положение таблицы в окне браузера

• bgcolor - цвет фона таблицы

• border - толщина внешней границы

• bordercolor - цвет границ таблицы

• cellpadding - размер пустого пространства между границами и содержимым ячейки

• width - ширина таблицы

• height - высота таблицы

• frame - задаёт отображаемые части внешней таблицы

Атрибуты для строк таблицы TR:

• align - задаёт горизонтальное выравнивание текста

• valign - задаёт вертикальное выравнивание текста

• bgcolor - цвет фона строки

• bordercolor - цвет рамки строки

Атрибуты для ячеек таблицы: Атрибуты для строк таблицы TR:

• align - задаёт горизонтальное выравнивание текста

• valign - задаёи вертикальное выравнивание текста

• bgcolor - цвет фона ячейки

• bordercolor - цвет рамки ячейки

Пример: