Теги для создания таблиц.

  Для создания таблиц на Web-странице предназначены несколько специальных тегов. Эти теги предоставляют разработчику функционал для оформления пользовательского контента в табличном виде.
  Тег TABLE
  Парный тег TABLE формирует поле всей таблицы.
  При построении таблицы контент в поле элемента тега TABLE формируется только элементами специальных тегов для таблицы.
  Размещать какой-либо иной контент в поле элемента тега TABLE при построении таблицы бессмысленно, его отображение на Web-странице не предсказуемо.

  Вне таблицы тег TABLE является обычным строчным тегом.
  Тег TABLE атрибуты:
  ALIGN - Устанавливает расположение таблицы в поле элемента "родительского" тега.

  • Значения:

    • left - Прижимается к левому краю.
    • center - Располагается в центре.
    • right - Прижимается к правому краю.

  • Значение по умолчанию - left.
  • Атрибут не обязательный.
  BORDER - Устанавливает рамку вокруг всей таблицы.
  Наличие этого атрибута приводит к появлению рамок и вокруг ячеек таблицы (равносильно значению all атрибута RULES), что позволяет воспользоваться атрибутом стиля border-collapse: collapse.
  Толщина линий рамок вокруг ячеек не зависит от значения атрибута BORDER.
  Значение атрибута BORDER может быть перекрыто атрибутом стиля border.
  • Значения:

    • Целое число - значение ширины линий рамки в пикселах, без единицы измерения.

  • Значение по умолчанию - Нет.
      Присутствие атрибута без значения равносильно значению 1.
  • Атрибут не обязательный.
  CELLPADDING - Устанавливает все внутренние отступы в полях ячеек таблицы.
  Значение атрибута CELLPADDING может быть перекрыто атрибутами стиля padding.
  • Значения:

    • Целое число с обозначенной единицей измерения CSS (px - пикселы, или % - от соответствующей величины поля элемента "родительского" тега.) - значение ширины.
        Число без единицы измерения воспринимается как значение в пикселях.

  • Значение по умолчанию - 2.
  • Атрибут не обязательный.
  CELLSPACING - Устанавливает расстояние между ячейками таблицы, а также между ячейками и границами поля элемента тега TABLE.
  Значение атрибута CELLSPACING может быть перекрыто атрибутами стиля border-spacing и border-collapse: collapse.
  • Значения:

    • Целое число с обозначенной единицей измерения CSS (px - пикселы, или % - от соответствующей величины поля элемента "родительского" тега.) - значение ширины.
        Число без единицы измерения воспринимается как значение в пикселях.

  • Значение по умолчанию - 2.
  • Атрибут не обязательный.
  FRAME - Устанавливает обрамление поля элемента таблицы.
  Толщина линий обрамления равна 1 пикселю.
  Значение атрибута FRAME может быть перекрыто атрибутом стиля border.
  При наличии атрибута FRAME с любым значением, значение атрибута BORDER игнорируется.
  • Значения:

    • void - Обрамления нет.
    • above - Обрамляется только верхняя сторона поля.
    • below - Обрамляется только нижняя сторона поля.
    • hsides - Обрамляются только верхняя и нижняя стороны поля.
    • vsides - Обрамляются только левая и левая стороны поля.
    • lhs - Обрамляется только левая сторона поля.
    • rhs - Обрамляется левая нижняя сторона поля.
    • box - Обрамляются все стороны поля.
    • border - Все поле обрамляется рамкой.
      Атрибут FRAME без значения - игнорируется.

  • Значение по умолчанию - void.
  • Атрибут не обязательный.
  HEIGHT - Устанавливает высоту поля для таблицы (элемента тега TABLE).
  Значение атрибута HEIGHT может быть перекрыто атрибутом стиля height.
  • Значения:

    • Целое число с обозначенной единицей измерения CSS (px - пикселы, или % - от соответствующей величины поля элемента "родительского" тега.) - значение ширины.
        Число без единицы измерения воспринимается как значение в пикселях.
    • auto - Высота подгоняется под контент таблицы.
      Если значение атрибута будет меньше чем необходимо для просмотра таблицы без скроллинга, то оно будет проигнорировано, но, при этом, все внешние и внутренние отступы будут минимизированы.

  • Значение по умолчанию - auto.
  • Атрибут не обязательный.
  RULES - Устанавливает рамки между элементами таблицы.
  Значение атрибута RULES может быть перекрыто атрибутом стиля border.
  • Значения:

    • none - Нет отображения рамок.
    • groups - Рамки отображаются только между группами строк (элементы - THEAD, TFOOT, и TBODY) и группами столбцов (элементы - COLGROUP и COL).
    • rows - Рамки отображаются только между строками (элементы - TR).
    • cols - Рамки отображаются только между группами столбцов (элементы - COLGROUP и COL).
    • all - Рамки отображаются между каждой ячейкой (элементы - TD и TH).

  • Значение по умолчанию - none.
      Присутствие атрибута без значения равносильно значению all.
  • Атрибут не обязательный.
  SUMMARY - Устанавливает текстовый контент с кратким описанием содержания таблицы.
  Значение никак не отображается не Web-странице и предназначено для скриптов.
  WIDTH - Устанавливает ширину поля для таблицы (элемента тега TABLE).
  Значение атрибута WIDTH может быть перекрыто атрибутом стиля width.
  • Значения:

    • Целое число с обозначенной единицей измерения CSS (px - пикселы, или % - от соответствующей величины поля элемента "родительского" тега.) - значение ширины.
        Число без единицы измерения воспринимается как значение в пикселях.
    • auto - Ширина подгоняется под контент таблицы.
      Если значение атрибута будет меньше чем необходимо для просмотра таблицы без скроллинга, то оно будет проигнорировано, но, при этом, все внешние и внутренние отступы будут минимизированы.

  • Значение по умолчанию - auto.
  • Атрибут не обязательный.
  Тег TR
  Элементы парного тега TR помещаются внутри элемента тега TABLE, и своими полями формируют отдельные строки таблицы.
  Количество строк в таблице равно количеству элементов тега TR в элементе тега TABLE.

  Контент в поле элемента тега TR формируется только элементами тега TH или TD.
  Размещать какой-либо иной контент в поле элемента тега TR внутри таблицы бессмысленно, его отображение на Web-странице не предсказуемо.

  Вне таблицы тег TR является обычным строчным тегом.
  Тег TR атрибуты:
  ALIGN - Устанавливает горизонтальное выравнивание пользовательского контента в полях ячеек строки.
  Значение атрибута ALIGN может быть перекрыто атрибутом стиля text-align.
  • Значения:

    • center – Выравнивание по центру поля элемента.
    • justify – Полное выравнивание в поле элемента.
    • left - Выравнивание по левому краю поля элемента.
    • right - Выравнивание по правому краю поля элемента.
    • char - Выравнивание в соответствии со значением атрибута CHAR.

  • Значение по умолчанию - left.
  • Атрибут не обязательный.
  CHAR - Устанавливает осевой символ, относительно которого будет выравнен текст в ячейках строки.
  В этом случае должен быть задан атрибут ALIGN=char.
  Осевой символ должен принадлежать текстовому контенту соответствующей ячейки.
   Не все браузеры поддерживают этот атрибут.
  • Значение:

    • Любой символ

  • Значение по умолчанию - . (точка).
  • Атрибут не обязательный.
  CHAROFF - Устанавливает номер осевого символа, указанного атрибутом CHAR, в последовательности этих символов из текстового контента ячейки, относительно которого будет выравнен текст в ячейках строки.
  Не все браузеры поддерживают этот атрибут.
  • Значение:

    • Целое число

  • Значение по умолчанию - 1.
  • Атрибут не обязательный.
  VALIGN - Устанавливает вертикальное выравнивание пользовательского контента в полях ячеек строки.
  Значение атрибута VALIGN может быть перекрыто атрибутом стиля vertical-align.
  • Значения:

    • top – Контент прижимается к верхней границе поля элемента.
    • middle – Контент центрируется вертикально в поле элемента.
    • bottom - Контент прижимается к нижней границе поля элемента.
    • baseline - Контент располагается на базовой линии. (Базовая линия это воображаемая линия, которая вертикально делит контент пополам в случае значения middle.)

  • Значение по умолчанию - middle.
  • Атрибут не обязательный.
  Тег TD
  Элементы парного тега TD помещаются внутри элемента тега TR, и своими полями формируют отдельные ячейки таблицы.
  Количество ячеек в строке равно количеству элементов тега TD в элементе тега TR.

  Пользовательский контент элементов тега TD может быть совершенно произвольным.

  Вне таблицы тег TD является обычным строчным тегом.
  Правила получения по умолчанию пользовательского контента ячеек таблицы из HTML-кода браузерами:
  • Кроме своего непосредственного контента элементы тега TD могут наполняться с помощью элементов любых тегов контента. В том числе и тега TABLE.
  • Размеры ячеек, а следовательно и всей таблицы, автоматически подгоняются под свое содержимое.
  • Отступы между границами ячеек и строк устанавливаются автоматически.
  • Текст контента ячеек заголовков столбцов выводится полужирным шрифтом и выравнивается по центру.
  • Рамки в таблице, по умолчанию не рисуются, и границы обозначаются только отступами.
  • При уменьшении ширины окна браузера текстовый пользовательский контент строки таблицы переносится только внутри ячеек.
  Тег TD атрибуты:
  ABBR - Устанавливает аббревиатуру к контенту ячейки.
  Значение доступно только скриптам и никак не отображается в поле ячейки.
  ALIGN - Устанавливает горизонтальное выравнивание пользовательского контента в поле ячейки.
  Значение атрибута ALIGN может быть перекрыто атрибутом стиля text-align.
  • Значения:

    • center – Выравнивание по центру поля элемента.
    • justify – Полное выравнивание в поле элемента.
    • left - Выравнивание по левому краю поля элемента.
    • right - Выравнивание по правому краю поля элемента.
    • char - Выравнивание в соответствии со значением атрибута CHAR.

  • Значение по умолчанию - left.
  • Атрибут не обязательный.
  CHAR - Устанавливает осевой символ, относительно которого будет выравнен текст в ячейке.
  В этом случае должен быть задан атрибут ALIGN=char.
  Осевой символ должен принадлежать текстовому контенту этой ячейки.
  Не все браузеры поддерживают этот атрибут.
  • Значение:
    • Любой символ

  • Значение по умолчанию - . (точка).
  • Атрибут не обязательный.
  CHAROFF - Устанавливает номер осевого символа, указанного атрибутом CHAR, в последовательности этих символов из текстового контента ячейки, относительно которого будет выравнен текст в ячейке.
  Не все браузеры поддерживают этот атрибут.
  • Значение:

    • Целое число

  • Значение по умолчанию - 1.
  • Атрибут не обязательный.
  COLSPAN - Устанавливает объединение нескольких ячеек по горизонтали.
  Применяется к элементу тега TD первой из объединяемых ячеек.
  При этом оставшиеся "лишние" элементы тега TD удаляются (физически разработчиком) из соответствующего элемента тега TR.
  Атрибуты COLSPAN и ROWSPAN могут применяться совместно, и тогда количество объединенных ячеек будет равно произведению значений этих атрибутов.
  • Значение:

    • Целое число - Количество объединяемых ячеек, включая эту.

  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.
  HEADERS - Устанавливает набор ячеек, контент которых является для этой ячейки поясняющим.
  Значение доступно только скриптам и никак не влияет на отображение контента ячейки.
  ROWSPAN - Устанавливает объединение нескольких ячеек по вертикали.
  Применяется к элементу тега TD первой ("верхний" элемент тега TR в столбце) из объединяемых ячеек столбца.
  При этом оставшиеся "лишние" элементы тега TD в этом столбце удаляются (физически разработчиком) из соответствующих "нижних" элементов тега TR.
  Атрибуты ROWSPAN и COLSPAN могут применяться совместно, и тогда количество объединенных ячеек будет равно произведению значений этих атрибутов.
  • Значение:

    • Целое число - Количество объединяемых ячеек, включая эту.

  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.
  SCOPE - Устанавливает набор ячеек, для которых контент этой ячейки является поясняющим.
  Значение атрибута SCOPE доступно только скриптам и никак не влияет на отображение контента ячейки.
  • Значения:

    • row – Определяются оставшейся ячейки строки, в которой содержится эта ячейка.
    • col – Определяются оставшейся ячейки столбца, в котором содержится эта ячейка.
    • rowgroup - Определяются оставшейся ячейки группы строк, в которой содержится эта ячейка.
    • colgroup - Определяются оставшейся ячейки группы столбцов, в которой содержится эта ячейка.

  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.
  VALIGN - Устанавливает вертикальное выравнивание пользовательского контента в поле ячейки.
  Значение атрибута VALIGN может быть перекрыто атрибутом стиля vertical-align.
  • Значения:

    • top – Контент прижимается к верхней границе поля элемента.
    • middle – Контент центрируется вертикально в поле элемента.
    • bottom - Контент прижимается к нижней границе поля элемента.
    • baseline - Контент располагается на базовой линии. (Базовая линия это воображаемая линия, которая вертикально делит контент пополам в случае значения middle.)

  • Значение по умолчанию - middle.
  • Атрибут не обязательный.
  Тег TH
  Элементы парного тега TH помещаются внутри элемента тега TR, и своими полями формируют отдельные ячейки заголовка столбца таблицы.
  Пользовательский контент ячеек заголовка может быть таким же, и отображается по тем же правилам как и у элементов тега TD.

  Вне таблицы, тег TH является обычным строчным тегом.
  Тег TH атрибуты:
  ABBR - Устанавливает аббревиатуру к контенту ячейки.
  Значение атрибута ABBR доступно только скриптам и никак не отображается в поле ячейки.
  ALIGN - Устанавливает горизонтальное выравнивание пользовательского контента в поле ячейки.
  Значение атрибута ALIGN может быть перекрыто атрибутом стиля text-align.
  • Значения:

    • center – Выравнивание по центру поля элемента.
    • justify – Полное выравнивание в поле элемента.
    • left - Выравнивание по левому краю поля элемента.
    • right - Выравнивание по правому краю поля элемента.
    • char - Выравнивание в соответствии со значением атрибута CHAR.

  • Значение по умолчанию - left.
  • Атрибут не обязательный.
  CHAR - Устанавливает осевой символ, относительно которого будет выравнен текст в ячейке.
  В этом случае должен быть задан атрибут ALIGN=char.
  Осевой символ должен принадлежать текстовому контенту этой ячейки.
  Не все браузеры поддерживают этот атрибут.
  • Значение:

    • Любой символ

  • Значение по умолчанию - . (точка).
  • Атрибут не обязательный.
  CHAROFF - Устанавливает номер осевого символа, указанного атрибутом CHAR в текстовом контенте ячейки, относительно которого будет выравнен текст в ячейке.
  Не все браузеры поддерживают этот атрибут.
  • Значение:

    • Целое число

  • Значение по умолчанию - 1.
  • Атрибут не обязательный.
  COLSPAN - Устанавливает объединение нескольких ячеек заголовка по горизонтали.
  Применяется к элементу тега TH первой из объединяемых ячеек заголовка. При этом оставшиеся "лишние" элементы тега TH удаляются (физически разработчиком) из соответствующего элемента тега TR.
  • Значение:

    • Целое число - Количество объединяемых ячеек, включая эту.

  • Значение по умолчанию - Нет.
  • Атрибут не обязательный.
  VALIGN - Устанавливает вертикальное выравнивание пользовательского контента в поле ячейки.
  Значение атрибута VALIGN может быть перекрыто атрибутом стиля vertical-align.
  • Значения:

    • top – Контент прижимается к верхней границе поля элемента.
    • middle – Контент центрируется вертикально в поле элемента.
    • bottom - Контент прижимается к нижней границе поля элемента.
    • baseline - Контент располагается на базовой линии. (Базовая линия это воображаемая линия, которая вертикально делит контент пополам в случае значения middle.)

  • Значение по умолчанию - middle.
  • Атрибут не обязательный.
  Тег CAPTION
  Элемент парного тега CAPTION помещается внутри элемента тега TABLE, и своим полем формирует пользовательский контент заголовка для всей таблицы.
  Расположение элемента тега CAPTION внутри элемента тега TABLE может быть любым, заголовок таблицы все равно, по умолчанию, отображается над ней и выравнивается по центру таблицы.

  Кроме своего непосредственного контента элемент тега CAPTION может наполняться с помощью элементов любых тегов контента.
  В том числе и тега TABLE.

  Вне таблицы, тег CAPTION является обычным строчным тегом.
  Внутри элемента тега TABLE может быть только один элемент тега CAPTION.
  Тег CAPTION атрибуты:
  ALIGN - Устанавливает расположение заголовка таблицы при её отображении на Web-странице.
  Значение атрибута ALIGN может быть перекрыто атрибутом стиля caption-side.
  • Значения:

    • top - Располагается над содержимым таблицы.
    • bottom - Располагается под содержимым таблицы.

  • Значение по умолчанию - top.
  • Атрибут не обязательный.
  Тег THEAD
  Элементы парного тега THEAD помещаются внутри элемента тега TABLE.
  Контент в поле элемента тега THEAD формируется только элементами тега TR с элементами тега TH (строка с заголовками столбцов).
  Размещать какой-либо иной контент в поле элемента тега THEAD, когда он находится внутри таблицы, бессмысленно, его отображение на Web-странице не предсказуемо.

  Тег THEAD применяется для придания строке с заголовками столбцов общей стилистики и, принципе, его элемент в таблице не обязателен, а элемент тега TR с элементами тега TH может находиться непосредственно внутри элемента тега TABLE.

  Вне таблицы, тег THEAD является обычным строчным тегом.
  Тег THEAD атрибуты:
  ALIGN - Устанавливает горизонтальное выравнивание пользовательского контента в полях ячеек заголовка столбцов таблицы.
  Значение атрибута ALIGN может быть перекрыто атрибутом стиля text-align.
  • Значения:

    • center – Выравнивание по центру поля элемента.
    • justify – Полное выравнивание в поле элемента.
    • left - Выравнивание по левому краю поля элемента.
    • right - Выравнивание по правому краю поля элемента.
    • char - Выравнивание в соответствии со значением атрибута CHAR.

  • Значение по умолчанию - left.
  • Атрибут не обязательный.
  CHAR - Устанавливает осевой символ, относительно которого будет выравнен текст в ячейках заголовков столбцов.
  В этом случае должен быть задан атрибут ALIGN=char.
  Осевой символ должен принадлежать текстовому контенту соответствующей ячейки.
  Не все браузеры поддерживают этот атрибут.
  • Значение:

    • Любой символ

  • Значение по умолчанию - . (точка).
  • Атрибут не обязательный.
  CHAROFF - Устанавливает номер осевого символа, указанного атрибутом CHAR, в последовательности этих символов из текстового контента ячейки, относительно которого будет выравнен текст в ячейках заголовков столбцов.
  Не все браузеры поддерживают этот атрибут.
  • Значение:

    • Целое число

  • Значение по умолчанию - 1.
  • Атрибут не обязательный.
  VALIGN - Устанавливает вертикальное выравнивание пользовательского контента в полях ячеек заголовка столбцов таблицы.
  Значение атрибута VALIGN может быть перекрыто атрибутом стиля vertical-align.
  • Значения:

    • top – Контент прижимается к верхней границе поля элемента.
    • middle – Контент центрируется вертикально в поле элемента.
    • bottom - Контент прижимается к нижней границе поля элемента.
    • baseline - Контент располагается на базовой линии. (Базовая линия это воображаемая линия, которая вертикально делит контент пополам в случае значения middle.)

  • Значение по умолчанию - middle.
  • Атрибут не обязательный.
  Тег TBODY
  Элементы парного тега TBODY помещаются внутри элемента тега TABLE.
  Контент в поле элемента тега TBODY формируется только элементами тега TR с элементами тега TD (строки таблицы).
  Размещать какой-либо иной контент в поле элемента тега TBODY, когда он находится внутри таблицы, бессмысленно, его отображение на Web-странице не предсказуемо.

  Тег TBODY применяется только для логической группировки строк в таблице и придания этим группам строк общей стилистики.
  В таблице могут быть выделены (несколькими элементами тега TBODY) несколько групп строк.

  В принципе элемент тега TBODY в таблице не обязателен, а элементы тега TR с элементами тега TD могут находиться непосредственно внутри элемента тега TABLE.

  Вне таблицы, тег TBODY является обычным строчным тегом.
  Тег TBODY атрибуты:
  ALIGN - Устанавливает горизонтальное выравнивание пользовательского контента в полях ячеек выделенной группы строк.
  Значение атрибута ALIGN может быть перекрыто атрибутом стиля text-align.
  • Значения:

    • center – Выравнивание по центру поля элемента.
    • justify – Полное выравнивание в поле элемента.
    • left - Выравнивание по левому краю поля элемента.
    • right - Выравнивание по правому краю поля элемента.
    • char - Выравнивание в соответствии со значением атрибута CHAR.

  • Значение по умолчанию - left.
  • Атрибут не обязательный.
  CHAR - Устанавливает осевой символ, относительно которого будет выравнен текст в ячейках выделенной группы строк.
  В этом случае должен быть задан атрибут ALIGN=char.
  Осевой символ должен принадлежать текстовому контенту соответствующей ячейки.
  Не все браузеры поддерживают этот атрибут.
  • Значение:

    • Любой символ

  • Значение по умолчанию - . (точка).
  • Атрибут не обязательный.
  CHAROFF - Устанавливает номер осевого символа, указанного атрибутом CHAR, в последовательности этих символов из текстового контента ячейки,, относительно которого будет выравнен текст в ячейках выделенной группы строк.
  Не все браузеры поддерживают этот атрибут.
  • Значение:

    • Целое число

  • Значение по умолчанию - 1.
  • Атрибут не обязательный.
  VALIGN - Устанавливает вертикальное выравнивание пользовательского контента в полях ячеек выделенной группы строк.
  Значение атрибута VALIGN может быть перекрыто атрибутом стиля vertical-align.
  • Значения:

    • top – Контент прижимается к верхней границе поля элемента.
    • middle – Контент центрируется вертикально в поле элемента.
    • bottom - Контент прижимается к нижней границе поля элемента.
    • baseline - Контент располагается на базовой линии. (Базовая линия это воображаемая линия, которая вертикально делит контент пополам в случае значения middle.)

  • Значение по умолчанию - middle.
  • Атрибут не обязательный.
  Тег TFOOT
  Элементы парного тега TFOOT помещаются внутри элемента тега TABLE.
  Контент в поле элемента тега TFOOT формируется только элементами тега TR с элементами тега TD (строка группы итогов столбцов).
  Размещать какой-либо иной контент в поле элемента тега THEAD, когда он находится внутри таблицы, бессмысленно, его отображение на Web-странице не предсказуемо.

  Тег TFOOT применяется для придания строке группы итогов общей стилистики.
  В таблице могут быть выделены (несколькими элементами тега TFOOT) несколько итоговых групп.

  В принципе, элемент тега TFOOT в таблице не обязателен, и тогда ни каких итоговых групп выделено не будет.

  Вне таблицы тег TFOOT является обычным строчным тегом.
  Тег TFOOT атрибуты:
  ALIGN - Устанавливает горизонтальное выравнивание пользовательского контента в полях ячеек итоговых строк.
  Значение атрибута ALIGN может быть перекрыто атрибутом стиля text-align.
  • Значения:

    • center – Выравнивание по центру поля элемента.
    • justify – Полное выравнивание в поле элемента.
    • left - Выравнивание по левому краю поля элемента.
    • right - Выравнивание по правому краю поля элемента.
    • char - Выравнивание в соответствии со значением атрибута CHAR.

  • Значение по умолчанию - left.
  • Атрибут не обязательный.
  CHAR - Устанавливает осевой символ, относительно которого будет выравнен текст в ячейках группы итогов.
  В этом случае должен быть задан атрибут ALIGN=char. Осевой символ должен принадлежать текстовому контенту соответствующей ячейки.
  Не все браузеры поддерживают этот атрибут.
  • Значение:

    • Любой символ

  • Значение по умолчанию - . (точка).
  • Атрибут не обязательный.
  CHAROFF - Устанавливает номер осевого символа, указанного атрибутом CHAR, в последовательности этих символов из текстового контента ячейки, относительно которого будет выравнен текст в ячейках группы итогов.
  Не все браузеры поддерживают этот атрибут.
  • Значение:

    • Целое число

  • Значение по умолчанию - 1.
  • Атрибут не обязательный.
  VALIGN - Устанавливает вертикальное выравнивание пользовательского контента в полях ячеек итоговых строк.
  Значение атрибута VALIGN может быть перекрыто атрибутом стиля vertical-align.
  • Значения:

    • top – Контент прижимается к верхней границе поля элемента.
    • middle – Контент центрируется вертикально в поле элемента.
    • bottom - Контент прижимается к нижней границе поля элемента.
    • baseline - Контент располагается на базовой линии. (Базовая линия это воображаемая линия, которая вертикально делит контент пополам в случае значения middle.)

  • Значение по умолчанию - middle.
  • Атрибут не обязательный.
  Тег COL
  Элементы - непарного тега COL помещаются внутри элемента тега TABLE или элементов тега COLGROUP.
  Тег COL используется для придания столбцу или группе столбцов таблицы общей стилистики.
  Его элемент в таблице не создает никакого поля на Web-странице.

  Соответствие элементов тега COL столбцам таблицы определяется последовательностью размещения этих элементов в элементах "родительских" тегов и значением атрибута SPAN.

  Вне таблицы тег COL является обычным строчным тегом.
  Тег COL атрибуты:
  SPAN - Устанавливает количество столбцов таблицы входящих в общую стилистическую группу.

  • Значение:

    • Целое число - Количество столбов еще не выделенных атрибутами COL или COLGROUP в таблице, или атрибутами COL в группе.

  • Значение по умолчанию - 1.
  • Атрибут не обязательный.
  WIDTH - Устанавливает ширину столбцов.
  Значение атрибута WIDTH может быть перекрыто атрибутом стиля width.
  • Значения:

    • Целое число с обозначенной единицей измерения CSS (px - пикселы, или % - от соответствующей величины поля элемента "родительского" тега.) - значение ширины.
        Число без единицы измерения воспринимается как значение в пикселях.
    • auto - Ширина подгоняется под контент ячеек столбца.

  • Значение по умолчанию - auto.
  • Атрибут не обязательный.
  Тег COLGROUP
  Элементы парного тега COLGROUP помещаются внутри элемента тега TABLE.
  Тег COLGROUP используется для придания столбцу или группе столбцов таблицы общей стилистики. Его элемент не создает никакого поля на Web-странице.
  Соответствие элементов тега COLGROUP столбцам таблицы определяется последовательностью размещения этих элементов в элементе тега TABLE и значением атрибута SPAN.

  Вне таблицы тег COLGROUP является обычным строчным тегом.
  Внутри элемента тега COLGROUP в таблице могут помещаться только элементы тега COL.
  Тег COLGROUP атрибуты:
  SPAN - Устанавливает количество столбцов таблицы входящих в общую стилистическую группу.

  • Значение:

    • Целое число - Количество столбов еще не выделенных атрибутом COLGROUP или COL в таблице.

  • Значение по умолчанию - 1.
  • Атрибут не обязательный.
      Группу столбцов можно также выделить включением соответствующих элементов тега COL в элемент тега COLGROUP в качестве "дочерних" элементов.
  WIDTH - Устанавливает ширину столбцов.
  Значение атрибута WIDTH может быть перекрыто атрибутом стиля width.
  • Значение:

    • Целое число с обозначенной единицей измерения CSS (px - пикселы, или % - от соответствующей величины поля элемента "родительского" тега.) - значение ширины.
        Число без единицы измерения воспринимается как значение в пикселях.
    • auto - Ширина подгоняется под контент ячеек столбца.

  • Значение по умолчанию - auto.
  • Атрибут не обязательный.


Пример:
<TABLE>
    <CAPTION>Пример таблицы.</CAPTION>
    <THEAD>
      <TR>
        <TH> Столбец 1 </TH>
        <TH> Столбец 2 </TH>
        <TH> Столбец 3 </TH>
        <TH> Столбец 4 </TH>
        <TH> Столбец 5 </TH>
      </TR>
    </THEAD>
    <TBODY>
      <TR>
        <TD> Ячейка 1.1 </TD>
        <TD> Ячейка 1.2 </TD>
        <TD> Ячейка 1.3 </TD>
        <TD> Ячейка 1.4 </TD>
        <TD> Ячейка 1.5 </TD>
      </TR>
      <TR>
        <TD> Ячейка 2.1 </TD>
        <TD> Ячейка 2.2 </TD>
        <TD> Ячейка 2.3 </TD>
        <TD> Ячейка 2.4 </TD>
        <TD> Ячейка 2.5 </TD>
      </TR>
      <TR>
        <TD> Ячейка 3.1 </TD>
        <TD> Ячейка 3.2 </TD>
        <TD> Ячейка 3.3 </TD>
        <TD> Ячейка 3.4 </TD>
        <TD> Ячейка 3.5 </TD>
      </TR>
      <TR>
        <TD> Ячейка 4.1 </TD>
        <TD> Ячейка 4.2 </TD>
        <TD> Ячейка 4.3 </TD>
        <TD> Ячейка 4.4 </TD>
        <TD> Ячейка 4.5 </TD>
      </TR>
      <TR>
        <TD> Ячейка 5.1 </TD>
        <TD> Ячейка 5.2 </TD>
        <TD> Ячейка 5.3 </TD>
        <TD> Ячейка 5.4 </TD>
        <TD> Ячейка 5.5 </TD>
      </TR>
    </TBODY>
    <TFOOT>
      <TR>
        <TD> Итого 1 </TD>
        <TD> Итого 2 </TD>
        <TD> Итого 3 </TD>
        <TD> Итого 4 </TD>
        <TD> Итого 5 </TD>
      </TR>
    </TFOOT>
</TABLE>
Результат:
Пример таблицы.
Столбец 1 Столбец 2 Столбец 3 Столбец 4 Столбец 5
Ячейка 1.1 Ячейка 1.2 Ячейка 1.3 Ячейка 1.4 Ячейка 1.5
Ячейка 2.1 Ячейка 2.2 Ячейка 2.3 Ячейка 2.4 Ячейка 2.5
Ячейка 3.1 Ячейка 3.2 Ячейка 3.3 Ячейка 3.4 Ячейка 3.5
Ячейка 4.1 Ячейка 4.2 Ячейка 4.3 Ячейка 4.4 Ячейка 4.5
Ячейка 5.1 Ячейка 5.2 Ячейка 5.3 Ячейка 5.4 Ячейка 5.5
Итого 1 Итого 2 Итого 3 Итого 4 Итого 5

Пример горизонтального объединения:
........
        <TD COLSPAN=2 > Ячейка 2.1+Ячейка 2.2 </TD>
        <TD> Ячейка 2.3 </TD>
        <TD> Ячейка 2.4 </TD>
        <TD> Ячейка 2.5 </TD>
</TR>
........
Результат:
Пример таблицы.
Столбец 1 Столбец 2 Столбец 3 Столбец 4 Столбец 5
Ячейка 1.1 Ячейка 1.2 Ячейка 1.3 Ячейка 1.4 Ячейка 1.5
Ячейка 2.1+Ячейка 2.2 Ячейка 2.3 Ячейка 2.4 Ячейка 2.5
Ячейка 3.1 Ячейка 3.2 Ячейка 3.3 Ячейка 3.4 Ячейка 3.5
Ячейка 4.1 Ячейка 4.2 Ячейка 4.3 Ячейка 4.4 Ячейка 4.5
Ячейка 5.1 Ячейка 5.2 Ячейка 5.3 Ячейка 5.4 Ячейка 5.5
Пример вертикального объединения:
..........
<TR>
    <TD ROWSPAN=2> Ячейка 2.1+Ячейка 3.1 </TD>
    <TD> Ячейка 2.2 </TD>
    <TD> Ячейка 2.3 </TD>
    <TD> Ячейка 2.4 </TD>
    <TD> Ячейка 2.5 </TD>
</TR>
<TR>
    <TD> Ячейка 3.2 </TD>
    <TD> Ячейка 3.3 </TD>
    <TD> Ячейка 3.4 </TD>
    <TD> Ячейка 3.5 </TD>
</TR>
........
Результат:
Пример таблицы.
Столбец 1 Столбец 2 Столбец 3 Столбец 4 Столбец 5
Ячейка 1.1 Ячейка 1.2 Ячейка 1.3 Ячейка 1.4 Ячейка 1.5
Ячейка 2.1+
Ячейка 3.1
Ячейка 2.2 Ячейка 2.3 Ячейка 2.4 Ячейка 2.5
Ячейка 3.2 Ячейка 3.3 Ячейка 3.4 Ячейка 3.5
Ячейка 4.1 Ячейка 4.2 Ячейка 4.3 Ячейка 4.4 Ячейка 4.5
Ячейка 5.1 Ячейка 5.2 Ячейка 5.3 Ячейка 5.4 Ячейка 5.5
Пример горизонтального и вертикального объединения:
..........
<TR>
    <TD COLSPAN=2 ROWSPAN=2> Ячейка 2.1+Ячейка 2.2+Ячейка 3.1+Ячейка 3.2</TD>
    <TD> Ячейка 2.3 </TD>
    <TD> Ячейка 2.4 </TD>
    <TD> Ячейка 2.5 </TD>
</TR>
<TR>
    <TD> Ячейка 3.3 </TD>
    <TD> Ячейка 3.4 </TD>
    <TD> Ячейка 3.5 </TD>
</TR>
........
Результат:
Пример таблицы.
Столбец 1 Столбец 2 Столбец 3 Столбец 4 Столбец 5
Ячейка 1.1 Ячейка 1.2 Ячейка 1.3 Ячейка 1.4 Ячейка 1.5
Ячейка 2.1+Ячейка 2.2+
Ячейка 3.1+Ячейка 3.2
Ячейка 2.3 Ячейка 2.4 Ячейка 2.5
Ячейка 3.3 Ячейка 3.4 Ячейка 3.5
Ячейка 4.1 Ячейка 4.2 Ячейка 4.3 Ячейка 4.4 Ячейка 4.5
Ячейка 5.1 Ячейка 5.2 Ячейка 5.3 Ячейка 5.4 Ячейка 5.5