Спецификация
-
HTML:
3.2
4.01
5.0
XHTML:
1.0
1.1
Описание
Определяет расстояние между границей ячейки и ее содержимым. Этот атрибут добавляет пустое пространство к ячейке, увеличивая тем самым ее размеры. Без cellpadding текст в таблице «налипает» на рамку, снижая тем самым его восприятие. Добавление же cellpadding позволяет улучшить читабельность текста. При отсутствии границ особого значения этот атрибут не имеет, но может помочь, когда требуется установить пустой промежуток между ячейками.
Синтаксис
<table cellpadding="значение">...</table>
Значения
Любое целое значение в пикселах или процентах от доступного пространства.
Значение по умолчанию
0
Аналог CSS
padding
cellspacing
Расстояние между ячейками.
-
Internet Explorer
Chrome
Opera
Safari
Firefox
6.0
7.0
8.0
9.0
10.0
11.0
12.0
13.0
9.2
9.6
10.0
11.0
2.0
3.1
4.0
5.0
3.0
4.0
5.0
6.0
Спецификация
-
HTML:
3.2
4.01
5.0
XHTML:
1.0
1.1
Описание
Задает расстояние между внешними границами ячеек. Если установлен атрибут border, толщина границы принимается в расчет.
Синтаксис
<table cellspacing="значение">...</table>
Значения
Любое целое положительное число.
Значение по умолчанию
0 (когда нет атрибута border);
2 (когда атрибут border установлен).
Аналог CSS
border-spacing
summary
Краткое описание таблицы.
-
Internet Explorer
Chrome
Opera
Safari
Firefox
6.0
7.0
8.0
9.0
10.0
11.0
12.0
13.0
9.2
9.6
10.0
11.0
2.0
3.1
4.0
5.0
3.0
4.0
5.0
6.0
Спецификация
-
HTML:
3.2
4.01
5.0
XHTML:
1.0
1.1
Описание
Атрибут summary предназначен для краткого описания таблицы или указания ее предназначения. В отличие от тега <caption> содержимое summary никак не отображается и в браузере не выводится, однако может использоваться поисковыми системами или речевыми браузерами.
Синтаксис
<table summary="текст">...</table>
Значения
Любой текст.
Значение по умолчанию
Нет.
Обязательный атрибут
Нет.
width
Ширина таблицы.
-
Internet Explorer
Chrome
Opera
Safari
Firefox
6.0
7.0
8.0
9.0
10.0
11.0
12.0
13.0
9.2
9.6
10.0
11.0
2.0
3.1
4.0
5.0
3.0
4.0
5.0
6.0
Спецификация
-
HTML:
3.2
4.01
5.0
XHTML:
1.0
1.1
Описание
Задает ширину таблицы. Если общая ширина содержимого превышает указанную ширину таблицы, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в таблице находятся изображения, атрибут width будет проигнорирован, и новая ширина таблицы будет вычислена на основе ее содержимого.
Синтаксис
<table width="значение">...</table>
Значения
Любое целое значение в пикселах или процентах от доступного пространства.
Значение по умолчанию
Ширина вычисляется на основе содержимого таблицы.
Аналог CSS
width
Также для этого тега доступны универсальные атрибуты и события.
Закрывающий тег
Обязателен.
Пример 1. Создание таблицы
HTML 4.01IE 7IE 8IE 9Cr 11Op 11Sa 5Fx 4
<!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=utf-8">
<title>Тег TABLE</title>
</head>
<body>
<table border="1" width="100%" cellpadding="5">
<tr>
<th>Ячейка 1</th>
<th>Ячейка 2</th>
</tr>
<tr>
<td>Ячейка 3</td>
<td>Ячейка 4</td>
</tr>
</table>
</body>
</html>
Порядок расположения ячеек и их вид показан на рис. 1.
Рис. 1. Результат создания таблицы с четырьмя ячейками
Тег <caption>
Internet Explorer |
Chrome |
Opera |
Safari |
Firefox |
|||||||||||||||||||
6.0 |
7.0 |
8.0 |
9.0 |
10.0 |
11.0 |
12.0 |
13.0 |
9.2 |
9.6 |
10.0 |
11.0 |
2.0 |
3.1 |
4.0 |
5.0 |
3.0 |
4.0 |
5.0 |
6.0 |
||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||||
Спецификация
-
HTML:
3.2
4.01
5.0
XHTML:
1.0
1.1
Описание
Тег <caption> предназначен для создания заголовка к таблице и может размещаться только внутри контейнера <table>, причем сразу после открывающего тега. Такой заголовок представляет собой текст, по умолчанию отображаемый перед таблицей и описывающий ее содержание.
Синтаксис
<table>
<caption>Текст</caption>
<tr>
<td>...</td>
</tr>
</table>
Закрывающий тег
Обязателен.
Пример. Использование тега <caption>
HTML 4.01 IE 7 IE 8 IE 9 Cr 13 Op 11 Sa 5 Fx 6
<!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=utf-8">
<title>Тег CAPTION</title>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="4">
<caption>Таблица 3.2. Демонстрация катаболических
процессов организма</caption>
<tr>
<th> </th><th>Чебурашка</th>
<th>Крокодил Гена</th><th>Шапокляк</th>
</tr>
<tr>
<td>Съел, кг</td><td>5</td>
<td>2</td><td>1</td>
</tr>
<tr>
<td>Выпил, л</td><td>6</td>
<td>8</td><td>2</td>
</tr>
<tr>
<td>Смог, раз</td><td>5</td>
<td>5</td><td>1</td>
</tr>
</table>
</body>
</html>
Результат данного примера показан на рис. 2.
Рис. 2. Вид заголовка таблицы