Опубликован: 19.05.2006 | Уровень: для всех | Доступ: платный
Лекция 11:

Таблицы

Форматирование таблицы пользовательскими агентами

Примечание. В данном разделе рассматриваются атрибуты таблиц HTML, относящиеся к визуальному форматированию. Когда эта спецификация была впервые опубликована в 1997 году, "Индекс элементов" не предоставлял механизмы управления всеми аспектами визуального форматирования таблиц. Затем "Индекс элементов" добавил свойства, позволяющие проводить визуальное форматирование таблиц.

HTML 4 содержит механизмы управления:

  • стилями обрамления
  • горизонтальным и вертикальным выравниванием содержимого ячеек
  • полями ячеек

Рамки и линии сетки таблицы

Следующие атрибуты влияют на отображение рамки таблицы и внутренней сетки.

Определения атрибутов

frame = void|above|below|hsides|lhs|rhs|vsides|box|border [CI]

Этот атрибут определяет, какие стороны рамки, окружающей таблицу, будут видны. Возможные значения:

  • void: не отображается. Это значение по умолчанию;
  • above: только верхняя часть;
  • below: только нижняя часть;
  • hsides: только верхняя и нижняя;
  • vsides: только правая и левая;
  • lhs: только левая;
  • rhs: только правая;
  • box: все четыре стороны;
  • border: все четыре стороны.

rules = none|groups|rows|cols|all [CI]

Определяет, какие линии появятся между ячейками. Вывод зависит от ПА. Возможные значения:

  • none: не отображаются. значение по умолчанию;
  • groups: только линии между группами рядов (см. THEAD, TFOOT и TBODY ) и группами столбцов (см. COLGROUP и COL );
  • rows: только линии между рядами ;
  • cols: только линии между столбцами ;
  • all: линии между всеми рядами и столбцами.

border = pixels [CN]

Определяет ширину (только в пикселах) рамки вокруг таблицы (см. Примечание ниже об этом атрибуте).

Чтобы выделить ячейки таблицы, мы можем использовать атрибут border элемента TABLE. Рассмотрим предыдущий пример:

<TABLE border="1" 
       summary="This table charts the number of cups
                of coffee consumed by each senator, the type 
                of coffee (decaf or regular), and whether 
                taken with sugar.">
<CAPTION>Cups of coffee consumed by each senator</CAPTION>
<TR>
   <TH>Name</TH>
   <TH>Cups</TH>
   <TH>Type of Coffee</TH>
   <TH>Sugar?</TH>
<TR>
   <TD>T. Sexton</TD>
   <TD>10</TD>
   <TD>Espresso</TD>
   <TD>No</TD>
<TR>
   <TD>J. Dinnen</TD>
   <TD>5</TD>
   <TD>Decaf</TD>
   <TD>Yes</TD>
</TABLE>

В следующем примере ПА должен вывести линии толщиной 5 пикселов слева и справа от таблицы и линии между столбцами.

<TABLE border="5" frame="vsides" rules="cols">
<TR> <TD>1 <TD>2 <TD>3
<TR> <TD>4 <TD>5 <TD>6
<TR> <TD>7 <TD>8 <TD>9
</TABLE>

Следующие установки должны учитываться ПА для обеспечения обратной совместимости:

  • Установка border="0" подразумевает frame="void" и, если не определено иное, rules="none".
  • Другие значения border подразумевают frame="border" и, если не определено иное, rules="all".
  • Значение "border" в начальном теге элемента TABLE должно интерпретироваться как значение атрибута frame. Это подразумевает rules="all" и какое-либо (ненулевое) значение по умолчанию атрибута border.

Например, следующие определения эквивалентны:

<TABLE border="2">
<TABLE border="2" frame="border" rules="all">

как и следующие:

<TABLE border>
<TABLE frame="border" rules="all">
Примечание. Атрибут border определяет поведение обрамления для элементов OBJECT и IMG, но принимает для этих элементов разные значения.
Ирина Кириллова
Ирина Кириллова

Нажимаю на ссылку на дополнительный материал и дополнение к информации-меня возвращает на первую страницу лекции. Подскажите, что делать? Или дополнительный материал платный?

Евгений Летенков
Евгений Летенков
Россия, Москва, РУДН, 2005
Иван Бокарёв
Иван Бокарёв
Австрия