Тег table

Справочник:

Тег

Характеристики тега

В каких браузерах работает?


2.0+	1.0+	2.0+	1.0+	1.0+	1.0+	1.0+

В каких спецификациях используется?

HTML

3.2

4.01

5.0

XHTML

1.0

1.1

Для чего используется?

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

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

Как правильно задавать?

<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>
 </head>
 <body>
 
<table>
	<tr>
		<td>link</td>
		<td>source</td>
	</tr>
</table>
 
 </body>
</html>

Тип html тега:

Блочные элементы

Таблицы