Тег <table>

IE
2.0+
Chrome
1.0+
Opera
2.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Внутри <table> допустимо использовать следующие элементы: <caption>, <col>, <colgroup>, <tbody>, <td>, <tr>, <tfoot>, <th> и <thead>.

Закрывающий тег обязателен.

<table>  
    <tr>    
        <td>...</td>  
    </tr>
</table>

Атрибуты

align: Определяет выравнивание таблицы
background: Задает фоновый рисунок в таблице
bgcolor: Цвет фона таблицы
border: Толщина рамки в пикселах
bordercolor: Цвет рамки
cellpadding: Отступ от рамки до содержимого ячейки
cellspacing: Расстояние между ячейками
cols: Число колонок в таблице
frame: Сообщает браузеру, как отображать границы вокруг таблицы
height: Высота таблицы
rules: Сообщает браузеру, где отображать границы между ячейками
summary: Краткое описание таблицы
width: Ширина таблицы

Также для этого тега доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег table</title>
  <style>
	td,th {border:1px solid black; padding:5px;}
	th {background:yellow;}
	table {border-collapse:collapse;}
	caption {padding-bottom:5px;}
  </style>
 </head>
 <body>  
  <table cellspacing="0">
   <caption>Тег table</caption>  
   <tr> 
    <th>IE</th><th>Chrome</th>
   </tr>
   <tr> 
    <td> с 6й</td><td>с 1й</td>
   </tr>
  </table>
 </body>

Категория: Блочные элементы, Таблицы