RUPIXEL.COM - Веб-дизайн в твоих руках
Русскоязычные документы веб-мастеру готовы к употреблению

TABLE - таблицы (Нет в HTML 2.0!)

Цель

Для представления табличной информации, т.е. структуры, подобной матричной.

Типичное отображение

Таблица, по умолчанию без окружающей рамки (бордюра). Если рамка существует (задается атрибутом BORDER), таблицы отображены в барельефном приподнятом виде с внешней рамкой со скосом, и отдельными вставленными в эту приподнятую поверхность ячейками. Если ячейки имеют явное содержание, рамки вокруг отдельных ячеек вычерчены. Незаполненное пространство в таблице не выделяется, за исключением  .

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

Основной синтаксис

<TABLE>
строки таблицы (TR элементы)
</TABLE>

Возможные атрибуты

имя атрибута возможные значения смысл примечания
ALIGN LEFT, CENTER, RIGHT горизонтальное выравнивание всей таблицы по умолчанию LEFT, однако это может быть перекрыто внешними элементами DIV или CENTER
WIDTH спецификация ширины ширина всей таблицы по умолчанию ширина определяется броузером так, чтобы представить все содержимое
BORDER целое ширина рамки в пикселях значение 0 (по умолчанию) означает - без рамки; некоторые броузеры допускают просто написание BORDER, которое воспринимается, как BORDER=1
CELLSPACING целое промежуток между ячейками в пикселях смотрите примечания ниже
CELLPADDING целое промежуток между содержимым ячейки и рамкой вокруг ячейки в пикселях ("набивка")  

Обычно атрибут BORDER (с ненулевым значением) устанавливает по умолчанию CELLSPACING=1. Это означает, что при установке рамки для всей таблицы Вы также установите рамки в один пиксел для отдельных ячеек.

Обычно примыкающие табличные ячейки разделены общей рамкой, а в HTML каждой ячейке назначается ее собственная рамка, которая отделяется от рамок вокруг соседних ячеек. Это разделение может быть установлено в пикселях с использованием атрибута CELLSPACING (например, CELLSPACING=10). Это же значение определяет расстояние между табличной рамкой и рамками наиболее удаленных от центра ячеек.

Допустимый контекст

Блоковый контейнер.

Содержимое

Один или более TR элементов, следующих за необязательным элементом CAPTION.

Примеры

Типичный пример:

Пример TABLE-1.html:

<TABLE>
<CAPTION>Areas of the Nordic countries, in sq km</CAPTION>
<TR><TH>Country</TH> <TH>Total area</TH> <TH>Land area</TH>
<TR><TH>Denmark</TH> <TD ALIGN=RIGHT> 43, 070 </TD><TD ALIGN=RIGHT> 42, 370</TR>
<TR><TH>Finland</TH> <TD ALIGN=RIGHT>337, 030 </TD><TD ALIGN=RIGHT>305, 470</TR>
<TR><TH>Iceland</TH> <TD ALIGN=RIGHT>103, 000 </TD><TD ALIGN=RIGHT>100, 250</TR>
<TR><TH>Norway</TH> <TD ALIGN=RIGHT>324, 220 </TD><TD ALIGN=RIGHT>307, 860</TR>
<TR><TH>Sweden</TH> <TD ALIGN=RIGHT>449, 964 </TD><TD ALIGN=RIGHT>410, 928</TR>
</TABLE>

Пример таблицы с заданными параметрами:

Пример TABLE-2.html:

<TABLE ALIGN=CENTER WIDTH="80%" BORDER=1 CELLSPACING=10 CELLPADDING=3>
<CAPTION>The Nordic countries</CAPTION>
<TR>
       <TD>Denmark</TD>
       <TD>Finland </TD>
       <TD>Iceland </TD>
       <TD>Norway </TD>
       <TD>Sweden </TD>
</TR>
</TABLE>

Примечания

Смотрите обсуждение таблиц, где приводятся дополнительные примеры.

Таблицы могут быть вложенными. Однако, вложенные таблицы часто представляются с ошибками. Если у Вас есть материал, который может быть представлен в виде вложенных таблиц, подумайте, нужно ли это Вашему читателю. Зачастую это требует первоначального представления материала в виде компактной таблицы, а затем - описания деталей для каждой ее части.

Когда есть обычный текст до и после таблицы, рекомендуется завершить предшествующий абзац явным заданием тега </P> и начать следующий абзац явным заданием тега <P>, так как броузер (например, Netscape) может не отобразить таблицу с пустым вертикальным пространством вокруг нее.

Если число ячеек в различных строках не согласуются, результат отображения таблицы скорее всего будет беспорядочным (примите во внимание атрибут ROWSPAN).

Выравнивание по умолчанию для содержимого табличных ячеек, особенно для числовых таблиц, не применяется, так как нет способа для спецификации такого выравнивания, за исключением построчного выравнивания в элементе TR. Заметим, что атрибут ALIGN из элемента TABLE специфицирует выравнивание всей таблицы и не влияет на выравнивание по умолчанию содержимого ячеек.

[30.08.08] PERL статьи 16 новых статей.

[27.08.08] Добавлено более 50 новых статей про PHP и немного HTML

[24.07.08] CSS 3 статьи и 1 про html.

[16.07.08] HTML статьи 3 новых

[13.04.08] Урок Photoshop Обработка людей

[13.04.08] Веб-мастеру Что такое юзабилити?

[06.04.08] Урок Photoshop Клавиатурная кнопка.

[02.04.08] Скачать шрифты Более 100 новых шрифтов.

[21.03.08] Добавлен раздел FLASH и скрипты JavaScript

[19.03.08] Раскрутка Учебник по раскрутке сайтов.

[16.03.08] Скачать шрифты Добавлено более 1000 шрифтов.

[14.03.08] Урок Photoshop Красивый текст.

[11.03.08] Урок Photoshop Кубический эффект текста.

[10.03.08] Раскрутка сайта Добавил две интересные статьи.

Что нужно сделать с Саакашвили?
Повесить
Растрелять
Посадить
Утопить
Ничего
Дать медаль
Поблагодарить
     php хостинг    Rambler's Top100 Рейтинг@Mail.ru Яндекс цитирования
Александр Акимов
ICQ: 491368028
Mail: rupixel-com.tut.su