Пользователь:    Пароль:    Запомнить     
 

Тег table


Описание Открывающий и закрывающий теги table позволяют создать таблицу. В html таблица, кроме отображения табличных данных может служить своеобразным контейнером, с помощью которого верстают html-документ.
Между открывающии и закрывающии тегами table располагаются остальные теги, создающие элементы таблицы.
Несмотря на ряд присущих таблицам недостатков (большой выходной размер html-документа, отсутствие "гибкости" при смене дизайна и т.д.) табличная верстка в веб-дизайне все еще довольно часто применяется.
Синтаксис
  1. <table атрибут="значение">...
  2. Элементы таблицы
  3. ...
  4. </table>

Если атрибутов несколько, они перечисляются через запятую.
Атрибуты height
Задает высоту таблицы в пикселах или процентах.
width
Задает ширину таблицы в пикселах или процентах.
align
Указывает горизонтальное положение таблицы относительно других обьектов в html-документе, может принимать значения:
  1. left - таблица выравнивается по левому краю
  2. right - таблица выравнивается по правому краю
  3. center - таблица выравнивается по центру
valign
Указывает вертикальное положение таблицы относительно других обьектов в html-документе, может принимать значения:
  1. top - таблица выравнивается по верху
  2. bottom - таблица выравнивается по низу
  3. middle - таблица выравнивается по центру
cellpadding
Задает отступ от рамки до содержимого ячейки.
cellspacing
Задает отступ между ячейками.
cols
Указывает число колонок (столбцов).
rows
Указывает число строк (горизонтальных ячеек).
background
Указывает фоновый рисунок.
bgcolor
Указывает цвет фона.
border
Указывает толщину рамки, при border="0" рамка отсутствует.
bordercolor
Указывает цвет рамки.
Пример
  1. <table align="center" width="100%" border="1" cellspacing="0" cellpadding="4"><tr><th colspan="3">Таблица в данном примере состоит из трех колонок</th></tr><tr><td width="50%">Левая (ширина 50%)</td><td width="25%">Центральная</td><td width="25%">Правая</td></tr><tr><th colspan="3">  Ячейки могут быть разноцветными</th></tr><tr><td width="50%" bgcolor="#aaaaaa">Левая имеет серый оттенок (цвет "#aaaaaa")</td><td width="25%" bgcolor="#ffeecc">цвет "#ffeecc"</td><td width="25%" bgcolor="#ccffcc">цвет "#ccffcc"</td></tr></table>


(откроется в новом окне)
Частые ошибки
Примечания