Урок №1
[TABLE] - опции и значения ТАБЛИЦЫ

Элемент
<table> служит контейнером для элементов, определяющих содержимое таблицы.
Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов
<tr> и
<td>.
Так вот, тег
<table> никогда не используется сам по себе и обязательно должен иметь в себе теги строк
<tr> и ячеек
<td>. Тег таблицы
<table> всегда открывает таблицу и всегда закрывает её в конце
</table>.
Этот тег не такой уж простой, но и не такой сложный. Он имеет множество доступных опций, с помощью которых может влиять на содержимое всей таблицы в целом. Эти опции задуманы для того, чтобы не повторять одни и те же параметры для каждой ячейки, столбца или строки. Но с другой стороны, можно вообще обходиться без опций в теге
<table>, т.к. все необходимые настройки можно осуществлять с помощью опций каждой отдельной ячеки или строки. Если вы не хотите использовать опции, то в BB-коде просто оставьте кавычки пустыми:
[table=""]
Рассмотрим, какие доступны опции (или атрибуты) для тега
[table=""]:
Опции или Атрибуты
Атрибут | Значение | Определение |
align | left
center
right | Выравнивание таблицы по левому краю
Выравнивание таблицы по центру
Выравнивание таблицы по правому краю |
background | Путь URL к картинке | Определяет изображение, которое будет использоваться в качестве фонового рисунка таблицы. В отличие от обычных изображений, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше ширины или высоты таблицы, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь, как мозаика. |
bgcolor | Цвет (#RRGGBB) | Устанавливает цвет фона таблицы. Можно использовать этот атрибут совместно с background, подобрав цвет фона близкий к фоновому рисунку. |
border | Толщина | Устанавливает толщину рамки в пикселах. По умолчанию рамка изображается трехмерной, но если используется атрибут bordercolor тега <table>, то вид рамки меняется в зависимости от браузера. Когда в теге <table> используется атрибут border без значений (<table border>), то браузер отображает рамку толщиной один пиксел. |
bordercolor | Цвет (#RRGGBB) | Устанавливает цвет рамки таблицы. Рамка обычно рисуется как трехмерная, добавление атрибутов bordercolor и border к тегу <table> создают однотонную линию. |
cellpadding | Значение в пикселах или процентах | Определяет расстояние между границей ячейки и ее содержимым. Этот атрибут добавляет пустое пространство к ячейке, увеличивая тем самым ее размеры. Без cellpadding текст в таблице «налипает» на рамку, снижая тем самым его восприятие. Добавление же cellpadding позволяет улучшить читабельность текста. При отсутствии границ особого значения этот атрибут не имеет, но может помочь, когда требуется установить пустой промежуток между ячейками. |
cellspacing | Значение в пикселах или процентах | Задает расстояние между внешними границами ячеек. Если установлен атрибут border, толщина границы принимается в расчет. |
cols | Целое число | Атрибут cols задает количество столбцов в таблице, помогая браузеру в подготовке к ее отображению. Без этого атрибута таблица будет показана только после того, как все содержимое таблицы будет загружено в браузер и проанализировано. Использование атрибута cols позволяет несколько ускорить отображение содержимого таблицы. |
frame | void
border
above
below
hsides
vsides
rhs
lhs | Не отрисовывать границы
Граница вокруг таблицы
Граница по верхнему краю таблицы
Граница снизу таблицы
Добавить только горизонтальные границы (сверху и снизу таблицы)
Рисовать только вертикальные границы (слева и справа от таблицы)
Граница только на правой стороне таблицы
Граница только на левой стороне таблицы |
height | Значение в пикселах или процентах | Устанавливает высоту таблицы. В спецификации HTML 4 этого атрибута нет, однако браузеры в большинстве случаев понимают его, если не установлен <!DOCTYPE>. В том случае, когда в документе задан <!DOCTYPE>, браузеры высоту таблицы, заданную через атрибут height, игнорируют. |
rules | all
groups
cols
none
rows | Линия рисуется вокруг каждой ячейки таблицы
Линия отображается между группами тега <colgroup>
Линия отображается между колонками
Все границы скрываются
Граница рисуется между строками таблицы, созданых через тег <tr> |
summary | Любой текст | Атрибут summary предназначен для краткого описания таблицы или указания ее предназначения. В отличие от тега <caption> содержимое summary никак не отображается и в браузере не выводится, однако может использоваться поисковыми системами или речевыми браузерами. |
width | Значение в пикселах или процентах | Задает ширину таблицы. Если общая ширина содержимого превышает указанную ширину таблицы, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в таблице находятся изображения, атрибут width будет проигнорирован, и новая ширина таблицы будет вычислена на основе ее содержимого. |