Оглавление

9. Таблицы

В HTML-документе таблицы используются в следующих случаях:
  -   как средство представления данных;
  -   как элемент оформления страницы, с помощью которого можно точно разместить на странице текст и графику.


Начнем со структуры, описывающей таблицу (листинг 7).

 

Листинг 7. Структура HTML-таблиц

<table border="l" width="600">
 <caption>Заголовок тaблицы</caption>
 <tbody>
  <tr>
   <td align="center">Ячейка l</td>
   <td align="center">Ячейка 2</td>
  </tr>
  <tr>
   <td align="center">Ячейка 3</td>
   <td align="center">Ячейка 4</td>
  </tr>
 </tbody>
</table>

 

Эта структура описывает таблицу 2x2 с заголовком. Значения в ячейках выровнены по центру. Все ячейки таблицы пронумерованы от 1 до 4.

 

Заголовок тaблицы
Ячейка 1 Ячейка 2
Ячейка 3 Ячейка 4


Таблица вставляется в HTML-документ с помощью парного тега <table>. Отдельная ячейка таблицы описывается тегом <td>, а ряд ячеек — с помощью тега <tr>. Тег <caption> позволяет задать заголовок таблицы.


Для логического форматирования таблицы предназначены теги <thead> и <tbody>. Тег <thead> описывает заголовок таблицы, а тег <tbody> — основное содержимое таблицы. Закрывающие теги </thead> и </tbody> не обязательны.

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити