Таблицы представлены тремя типами метаданных – <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>

Атрибуты таблиц:

  1. <table>
    • width – cтрока, описывающая ширину таблицы. Может принимать следующие значения: FULL (таблица на всю ширину экрана), AUTO (ширина таблицы определяется суммарной шириной ячеек), а также конкретные числовые значения с указанием единиц измерения (например, px и pt, см. EMetadataUnitType) . Значение по-умолчанию: AUTO
    • cellpadding – задает расстояние (см. EMetadataUnitType, по умолчанию – в em) между границей ячейки и ее содержимым
    • cellspacing – задает расстояние (см. EMetadataUnitType, по умолчанию – в em) между границами ячеек
  2. <tr>
    • не имеет атрибутов
  3. <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)

If you have found a spelling error, please, notify us by selecting that text and pressing Ctrl+Enter.