Таблицы широко применяются при создании HTML документов, причем используются не только для размещения данных в табличном виде. Нередко с помощью таблиц компонуются сложные графические элементы (что ускоряет их загрузку в окно обозревателя).
Пример: распишем HTML-код следующей таблицы.
А
В
С
<TABLE border>
<TR>
<TD> A </TD>
<TD> B </TD>
<TD> C </TD>
</TR>
<TR>
<TD> 1 </TD>
<TD> 2 </TD>
<TD> 3 </TD>
</TR>
</TABLE>
Таким образом, тег <TR> </TR> задает одну строку таблицы. Все, что находится между открывающим и закрывающим тегами относится к этой строке.
Теги <TD> </TD> определяет одну ячейку. Содержимое ячейки располагается между ними. В ячейке может располагаться как текст, так и графические объекты.
Вернемся к Таблице 1.
Создание таблиц в языке HTML
<TABLE> </TABLE>
Этот тег отвечает за создание таблицы в языке HTML.
Если следующие параметры не указанны, тогда они принимают стандартные значения по умолчанию.
Выравнивание всей таблицы (по умолчанию left).
Определяет ширину всей таблицы, m принимает значение либо в точках, либо в процентах (от ширины окна).
Задает рамку таблице, k ширина рамки в точках (по умолчанию k=1). Если k=0, то создается таблица без рамки.
Определяет расстояние между ячейками в токах (стандартное равно 2).
Определяет расстояние между содержимым ячейки и ее границами в токах (стандартное равно 1).
<TR> </TR>
Тег, задающий одну строку таблицы.
Параметры тега
<TR
align=left½right | center
valign=top½bottom | middle> </TR>
Выравнивание содержимого ячеек в строке по вертикали (по левому½по правому краю / по центру).
Выравнивание содержимого ячеек в строке по горизонтали (по верхнему½по нижнему краю / по середине).
<TD> </TD>
Тег, задающий одну ячейку таблицы.
Параметры тега
<TD
align=left½right | center
valign=top½bottom | middle
width=m
bgcolor=” цвет ячейки“
rowspan=n
colspan=n
Выравнивание содержимого ячеек в строке по вертикали (по левому½по правому краю / по центру).
Выравнивание содержимого ячеек в строке по горизонтали (по верхнему½по нижнему краю / по середине).
Определяет ширину ячейки, m принимает значение либо в точках, либо в процентах (от ширины таблицы).
Определяет цвет ячейки.
Объединение в одном столбце n строк
Объединение в одной строке n столбцов
<TH> </TH>
Тег, задающий ячейку, в которой будет помещаться заголовок. Параметры этого тега аналогичны параметрам тега <TD> </TD>.
