Тег <td> HTML ячейка таблицы

Рейтинг: 5 из 5, голосов 1
+++++

Тег <td> определяет обычную ячейку в HTML таблице. Используется в HTML таблицах определенных тегом <table>.

В HTML таблицах существует 2 типа ячеек: обычные и ячейки-заголовки. Тег <td> указывает на обычные ячейки таблицы HTML. Для определения ячейки-заголовка используйте тег <th>.

HTML тег ячейки <td> ставится внутри тега <tr> - строки таблицы.

Подробнее про создание таблиц читайте в статье: Создание таблиц в HTML. Все о HTML таблицах.

Синтаксис

<td>контент ячейки</td>

Отображение в браузере

Ячейка 1 Ячейка 2
Ячейка 3 Ячейка 4

Пример использования <td> в HTML коде

<!DOCTYPE html>
<html>
<head>
<title>Простая таблица на 4 ячейки</title>
</head>
<body>
<table>
<tbody>
<tr>
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
<tr>
<td>Ячейка 3</td>
<td>Ячейка 4</td>
</tr>
</tbody>
</table>
</body>
</html>

Поддержка браузерами

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<td> Да Да Да Да Да

Атрибуты

Атрибут Значения Описание
colspan число Количество ячеек по горизонтали, которые должны быть объединены.
headers id_заголовка Указывает заголовок, к которому относится ячейка.
rowspan число Количество ячеек по вертикали, которые должны быть объединены.
Устаревшие атрибуты
abbr текст Короткая версия содержимого ячейки.
align left
right
center
justify
Задает правило выравнивания содержимого ячейки по горизонтали. В HTML5 используйте CSS.
axis имя_категории Используется для категоризации ячеек. Задает категорию, к которой принадлежит ячейка. В HTML5 используйте классы CSS.
bgcolor rgb
HTML hex
HTML colorname

Фоновый цвет. В HTML5 используйте CSS.

Примеры:
RGB: rgb(236,123,050), rgb(0, 20, 187).
HTML hex: #faf3e1, #ccc.
HTML colorname: white, green;

height пиксели
проценты
Высота ячейки. В HTML5 используйте CSS.
nowrap пусто / nowrap Логический атрибут. Устанавливает запрет переноса в тексте ячейки. В HTML5 используйте CSS.
scope col
colgroup
row
rowgroup
Устанавливает ячейку как заголовок для:
col - колонки; colgroup - группу колонок; row - ряда; rowgroup - группы рядов.
valign top
middle
bottom
baseline
Задает правило выравнивания содержимого ячейки по вертикали. В HTML5 используйте CSS.
width пиксели
проценты
Ширина ячейки. В HTML5 используйте CSS.
Оцените, насколько полезна эта статья
+++++
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.