Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Лекции ЯРД.docx
Скачиваний:
33
Добавлен:
31.03.2015
Размер:
775.49 Кб
Скачать

Пример таблицы

<table border="1">

<caption> Заголовок таблицы </caption>

 <tr>

   <th> </th> <th> R1C2 </th>

<th> R1C3 </th> <th> R1C4 </th>

  </tr>

  <tr>

   <th>R2C1</th> <td>R2C2</td>

   <td>R2C3</td> <td>R2C4</td>

  </tr>

  <tr>

   <th>R3C1</th> <td>R3C2</td>

   <td>R3C3</td> <td>R3C4</td>

  </tr>

</table>

Тег <THEAD>, Тег <TFOOT>, Тег <TBODY>

THEAD (Table HEAD) - предназначен для хранения одной или нескольких строк, которые представлены вверху таблицы. Является контейнером. Допустимо использовать не более одного элемента <THEAD> в пределах одной таблицы, и он должен идти в исходном коде сразу после тега <TABLE>.

TFOOT(Table FOOT) - предназначен для хранения одной или нескольких строк, которые представлены внизу таблицы. Является контейнером. В пределах таблицы разрешается использовать только один элемент <TFOOT>. Хотя тег <TFOOT> в исходном коде должен быть определен до тега <TBODY>, браузеры отображают его в самом низу таблицы.

TBODY(Table BODY) - предназначен для хранения одной или нескольких строк таблицы. Это позволяет создавать структурные блоки, к которым можно применять единое оформление через стили, а также управлять их видом через скрипты. Является контейнером. Допускается применять несколько тегов <TBODY> внутри контейнера <TABLE>.

Атрибуты те же, что и для тега TR:

  • ALIGN - определяет способ горизонтального выравнивания содержимого всех ячеек данного ряда. align = left | right |center | justify .

  • VALIGN - определяет способ вертикального выравнивания содержимого всех ячеек данного ряда. valign= middle | top | bottom | baseline

  • BGCOLOR - определяет цвет фона для всех ячеек данного ряда. bgcolor = цвет | #RRGGBB

Тег <COL>

COL – определяет и управляет отображением столбца в группе столбцов. Не является контейнером.

При наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки.

Атрибуты:

  • ALIGN - определяет способ горизонтального выравнивания содержимого ячейки. align = left | right |center | justify.

  • VALIGN - определяет способ вертикального выравнивания содержимого ячейки. valign= middle | top | bottom | baseline.

  • WIDTH - определяет ширину ячейки. Ширина задается в пикселях или в процентном отношении к ширине таблицы. width = n | %

  • SPAN - Определяет количество колонок, к которым следует применять параметры. span = n

Тег <COLGROUP>

COLGROUP - обозначает группу столбцов таблицы и предназначен для задания атрибутов одной или нескольких столбцов таблицы.

Разница между тегами <COLGROUP> и < COL> не очень велика и состоит в следующем:

  1. COLGROUP позволяет объединять колонки в определенные группы, т.е. может использоваться как контейнер для тегов COL

  2. При добавлении параметра rules="groups" к тегу <TABLE> браузер будет рисовать линию только между колонками, созданными с помощью <COLGROUP>.

В остальных случаях поведение колонок назначенных через элементы <COLGROUP> и <COL> идентично.