Таблицы в HTML-документах служат для задания структуры данных и упорядочивания их в строки и столбцы ячеек. Исторически сложилось так, что таблицы широко использовались и для чисто визуальной компоновки содержимого документа, несмотря на то, что подобное применение не рекомендовано в современной спецификации HTML (внешнее отображение элементов содержимого следует задавать с помощью таблиц стилей). Однако, и до сих пор таблицы большей частью применяются не столько для того, чтобы располагать данные в обрамленных ячейках, сколько с целью позиционирования фрагментов текста и изображений друг относительно друга. Действительно, помещая изображения и фрагменты текстов в ячейки таблицы с невидимой границей, можно добиться эффекта обтекания изображения текстом, расположить текст как многоколоночный, "склеить" ряд фрагментов в одно изображение и так далее. Основные элементы, используемые для описания таблиц : table, tr, td, th . В стандарте HTML описано еще много элементов, связанных с представлением таблиц, но и указанных основных достаточно для рациональной разработки сайта.
Все табличные данные заключаются в теги <table> ... </table> ; описание каждого горизонтального ряда ячеек заключается в теги <tr> ... </tr> ; содержимое каждой ячейки заключается в теги <td> ... </td>. Таким образом, для описания, например, таблицы из двух строк (рядов), каждая из которых содержит две ячейки, придется создать следующую конструкцию:
<table>
<tr>
<td> содержимое 1-ой ячейки первой строки </td>
<td> содержимое 2-ой ячейки первой строки </td>
</tr>
<tr>
<td> содержимое 1-ой ячейки второй строки </td>
<td> содержимое 2-ой ячейки второй строки </td>
</tr>
</table>
Закрывающие теги </tr> и </td> у элементов, описывающих ряд и ячейку, можно опускать.
Ячейки таблицы могут содержать практически любые HTML-элементы, в частности, форматированный текст, изображения, гиперссылки; допустимы вложенные таблицы. Не следует оставлять ячейки таблицы незаполненными; если по замыслу web-мастера какая-то ячейка должна выглядеть пустой, поместите в нее хотя бы неразрывный пробел . Ячейки, не содержащие данных, могут некрасиво выглядеть в некоторых браузерах: не отображается заданный фон и рамки ячеек.
Помещаемый в ячейки таблицы текст по умолчанию автоматически размещается браузером (если не задан атрибут ячейки nowrap); текст выводится слово за словом; при достижении правой границы ячейки очередное слово переносится на новую строку.
Ячейки таблицы могут охватывать несколько строк или столбцов; при описании таких ячеек используется атрибуты rowspan и colspan .
Элементы, описывающие таблицы, имеют много атрибутов; все они необязательны. Значения атрибутов по умолчанию могут зависеть от настроек браузера, поэтому желательно указывать их явным образом.
