Таблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки. Обычно таблицы используются для упорядочения и представления данных, однако возможности таблиц этим не ограничиваются. C помощью таблиц удобно верстать макеты страниц, расположив нужным образом фрагменты текста и изображений.
Для добавления таблицы на веб-страницу используется тег-контейнер TABLE. Таблица должна содержать хотя бы одну строку и колонку.
Для добавления строк используются теги <tr> и </tr>. Чтобы разделить строки на колонки применяются теги <td> и </td>.
Параметры таблицы
Для изменения вида и свойств таблицы используется множество параметров, которые добавляются в теге TABLE.
<table параметр1=... параметр2=...>
Описание параметров таблицы и их свойств описано ниже.
Свойство
Значение
Описание
Пример
align=
left right center
Выравнивание таблицы
align=center
background=
URL
Фоновый рисунок
background=pic.gif
bgcolor=
#rrggbb
Цвет фона таблицы
bgcolor=#FF9900
border=
n
Толщина рамки в пикселах
border=2
bordercolor=
#rrggbb
Цвет рамки
bordercolor=#333333
bordercolordark=
#rrggbb
Тень рамки
bordercolordark=#f0f0f0
cellpadding=
n
Расстояние между ячейкой и ее содержимым
cellpadding=7
cellspacing=
n
Дистанция между ячейками
cellspacing=3
nowrap
Запрещает переносы строк в тексте
<table nowrap>
frame=
void above below lhs rhs hsides vsides box
Задание типа рамки таблицы
frame=hsides
valign=
top bottom
Выравнивание по высоте
valign=top
width=
n n%
Минимальная ширина таблицы, можно задавать в пикселах или процентах
width=90%
height
n n%
Минимальная высота таблицы, можно задавать в пикселах или процентах
height=18
Примечание
Таблица, если не указано особо, всегда выравнивается по левому краю;
Параметр background, отвечающий за рисунок фона, своеобразно понимается в разных браузерах. IE вставляет картинку во всю таблицу, если таблица по размеру больше фонового рисунка, он повторяется по горизонтали или вертикали. Netscape добавляет фоновое изображение в каждую ячейку таблицы;
По умолчанию, таблица выводится без рамки. Однако Netscape добавляет тонкую линию между ячеек. Чтобы ее не было, всегда указывайте параметр border=0;
Если ширина таблицы не указана, она подгоняется под содержание ячеек.
