Тег <table>

Браузер	Internet Explorer				Chrome				Opera			Safari				Firefox
Версия	6.0	7.0	8.0	9.0	2.0	3.0	4.0	5.0	9.2	9.6	10	2.0	3.1	4.0	5.0	2.0	3.0	3.6	4.0
Поддержка

Краткая информация

HTML:	3.2	4.01	5.0
XHTML:	1.0	1.1

Описание

Элемент <table> служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов <tr> и <td>. Внутри <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 - Ширина таблицы.

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

Закрывающий тег

Обязателен.

Пример. Использование тега <table>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег TABLE</title> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr align="center" bgcolor="#999999"> <td colspan="3" style="font-size: 160%; font-family: sans-serif">Lorem ipsum dolor sit amet...</td> </tr> <tr> <td><img src="images/title.png" alt="" width="150" height="70" border="0" style="background: #CC9"></td> <td align="right"><img src="images/logo.png" alt="" width="70" height="70" style="background: #CF9"></td> <td> <a href="lorem.html">Lorem</a><Br> <a href="lorem.html">Ipsum</a><Br> <a href="lorem.html">Dolar</a> </td> </tr> <tr> <td colspan="3"> <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#333333"> <tr><td> </td></tr> </table> </td> </tr> </table> </body> </html>

Демонстрация примера

Тег <table>

Категории

Последние комментарии

	Русский
	English