Таблицы представлены тремя типами метаданных – <table>, <tr>, <td> – которые используются исключительно вместе. Итоговый вид таблицы в тексте статьи стандартный – набор столбцов и строк (ячеек), структурирующий внешний вид информации.
Несмотря на то, что таблицы можно использовать для создания правильного layout-а (отступов и выравнивания блоков), настоятельно рекомендуется для подобных целей использовать блоки <div>, а таблицы применять именно для табличной вёрстки: генерации строк с однородной по смыслу информацией
Примеры таблиц:
Простая таблица
<table>
<tr>
<td><exf>1</exf></td>
<td><exf>2</exf></td>
</tr>
<tr>
<td><exf>A</exf></td>
<td><exf>B</exf></td>
</tr>
</table>
Таблица с объединением ячеек (строк)
<table>
<tr>
<td rowspan="2"><exf>1</exf></td>
<td><exf>A</exf></td>
</tr>
<tr>
<td><exf>B</exf></td>
</tr>
</table>
Таблица с объединением ячеек (столбцов)
<table>
<tr>
<td><exf>1</exf></td>
<td><exf>A</exf></td>
</tr>
<tr>
<td colspan="2"><exf>1B</exf></td>
</tr>
</table>
Атрибуты таблиц:
- <table>
- width – cтрока, описывающая ширину таблицы. Может принимать следующие значения: FULL (таблица на всю ширину экрана), AUTO (ширина таблицы определяется суммарной шириной ячеек), а также конкретные числовые значения с указанием единиц измерения (например, px и pt, см. EMetadataUnitType) . Значение по-умолчанию: AUTO
- cellpadding – задает расстояние (см. EMetadataUnitType, по умолчанию – в em) между границей ячейки и ее содержимым
- cellspacing – задает расстояние (см. EMetadataUnitType, по умолчанию – в em) между границами ячеек
- <tr>
- не имеет атрибутов
- <td>
- rowspan – указывает количество ячеек, которые необходимо объединить по вертикали (начиная с текущей ячейки вниз)
- colspan – указывает количество ячеек, которые необходимо объединить по горизонтали (начиная с текущей ячейки вправо). По аналогии с html предполагается, что при использовании разработчик сам следит за количеством ячеек в строке (т.к. colspan=N в некой строке в простейшем случае предполагает, что в этой строке будет на N-1 тегов <td> меньше)
- bgcolor – hex-код цвета фона ячейки в формате RGB. Может быть как 6-ти, так и 8-символьным (с альфа-каналом). В старых словарях может использоваться значение “transparent” – deprecated вариант, вместо него прозрачность регулируется значением альфа-канала
- border-style – отвечает на внешний вид границ ячейки – сплошная линия, пунктир, отключение отображения и т.д. (см. EBorderStyle)
- border-size – задает числовое значение (см. EMetadataUnitType, по умолчанию – в пикселях) толщины границ ячейки
- border-color – hex-код цвета границ ячейки в формате RGB. Может быть как 6-ти, так и 8-символьным (с альфа-каналом)
- width – sizeValue – задает ширину (см. EMetadataUnitType, указание единиц измерения обязательно) ячейки. Как указано выше, может влиять на общую ширину таблицы, если согласно настройкам она вычисляется автоматически
- text-align – задает режим выравнивания текста внутри ячейки (см. ESldTextAlignEnum) по горизонтали
- text-valign – задает режим выравнивания текста внутри ячейки (см. ESldVerticalTextAlignEnum) по вертикали
- border-top-width – задает толщину верхней границы ячейки (см. EMetadataUnitType, по умолчанию – px)
- border-bottom-width – задает толщину нижней границы ячейки (см. EMetadataUnitType, по умолчанию – px)
- border-left-width – задает толщину левой границы ячейки (см. EMetadataUnitType, по умолчанию – px)
- border-right-width – задает толщину правой границы ячейки (см. EMetadataUnitType, по умолчанию – px)