HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

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


Пример

Простая HTML таблица, содержащая два столбца и две строки:

<table border="1">
  <tr>
    <th>Месяц</th>
    <th>Сбережения</th>
  </tr>
  <tr>
    <td>Январь</td>
    <td>3000 руб.</td>
  </tr>
</table>

Попробуйте сами »
(еще примеры внизу этой страницы)

Определение и Использование

Тег <td> определяет обычную ячейку в HTML таблице.

HTML таблица имеет два вида ячеек:

  • Ячейки заголовков - содержат информацию о заголовках (создаются с помощью элемента th)
  • Обычные ячейки - содержат данные (создаются с помощью элемента td)

Текст внутри элемента th жирныйи отцентрированный.

Текст внутри элемента td обычный и выровнен по левому краю.


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

Internet Explorer Firefox Opera Google Chrome Safari

Тег <td> поддерживается всеми основными браузерами.


Различия Между HTML и XHTML

НЕТ


Советы и Замечания

Совет: Используйте атрибуты colspan и rowspan, чтобы позволить ячейкам охватывать несколько столбцов или строк!


Необязательные Атрибуты

Столбец DTD указывает, в каком типе документа HTML 4.01/XHTML 1.0 DTD атрибут разрешен. S=Strict, T=Transitional и F=Frameset.

Атрибут Значение Описание DTD
abbr текст Указывает сокращенную версию содержимого ячейки STF
align left
right
center
justify
char
Выравнивает контент в ячейке STF
axis имя_категории Категоризирует ячейки STF
bgcolor rgb(r,g,b)
#rrggbb
имя_цвета
Не рекомендуется. Используйте вместо него стили.
Устанавливает цвет фона ячейки
TF
char символ Выравнивает контент в ячейке относительно символа STF
charoff число  Указывает количество символов, на которое будет выровнен контент по отношению к символу, указанному атрибутом char STF
colspan число Задает количество столбцов, которое будет охватывать ячейка STF
headers идентификатор_заголовков_ячеек Указывает заголовки таблицы, связанные с ячейкой STF
height пикселы
%
Устаревший. Применяйте стили.
Устанавливает высоту ячейки
TF
nowrap nowrap Не рекомендуется. Лучше использовать стили.
Устанавливает, что контент внутри ячейки не должен иметь переносы строк
TF
rowspan число Указывает количество строк, которое должна охватывать ячейка STF
scope col
colgroup
row
rowgroup
Определяет способ объединения ячеек заголовков и ячеек данных в таблице STF
valign top
middle
bottom
baseline
Вертикальное выранивание контента ячейки STF
width пиксели
%
Устаревший. Используйте вместо него стили.
Задает ширину ячейки
TF


Стандартные Атрибуты

Тег <td> поддерживает следующие стандартные атрибуты:

Атрибут Значение Описание DTD
class имя_класса Указывает имя класса для элемента STF
dir rtl
ltr
Указывает направление текста для содержимого в элементе STF
id идентификатор Указывает уникальный идентификатор для элемента STF
lang код_языка Указывает код языка для содержимого элемента STF
style определение_стиля Указывает встроенный стиль для элемента STF
title текст Указывает дополнительную информацию об элементе STF
xml:lang код_языка Определяет код языка для содержимого элемента в XHTML документах STF

Дополнительная информация о Стандартных Атрибутах.


Атрибуты Событий

Тег <td> поддерживает следующие атрибуты событий:

Атрибут Значение Описание DTD
onclick скрипт Скрипт, запускаемый при клике мышью STF
ondblclick скрипт Скрипт, запускаемый при двойном щелчке мышью STF
onmousedown скрипт Скрипт, запускаемый при нажатии кнопки мыши STF
onmousemove скрипт Скрипт, запускаемый при перемещении указателя мыши STF
onmouseout скрипт Скрипт, запускаемый, когда указатель мыши уходит за пределы элемента STF
onmouseover скрипт Скрипт, запускаемый, когда указатель мыши перемещается над элементом STF
onmouseup скрипт Скрипт, запускаемый при отпускании кнопки мыши STF
onkeydown скрипт Скрипт, запускаемый при нажатии клавиши STF
onkeypress скрипт Скрипт, запускаемый, когда клавиша нажата, а затем отпущена STF
onkeyup скрипт Скрипт, запускаемый, когда клавиша отпущена STF

Дополнительная информация об Атрибутах Событий.


Примеры

Попробуйте сами - Примеры

Границы таблиц
HTML таблицы с различными границами.

Заголовки столбцов/строк таблицы
Как создавать заголовки столбцов (строк) таблицы.

Пустые ячейки
Как используя "&nbsp;", задавать корректное отображение ячеек, не имеющих содержимого.

Таблица с заголовком
HTML таблица с заголовком.

Теги внутри таблицы
Как отображать элементы внутри других элементов.

Ячейки, которые охватывают более одной строки/столбца
Как определить ячейки таблицы, которые будут охватывать более одной строки/столбца.

Свойство cellpadding
Как использовать cellpadding для создания дополнительного пустого пространства между содержимым ячейки таблицы и ее границами.

Свойство cellspacing
Как использовать cellspacing для увеличения расстояния между ячейками.

Добавление цвета фона или фонового изображения к таблице
Как добавить фон к таблице.

Атрибут frame
Как использовать атрибут "frame" для контроля границ вокруг таблицы.



© 2011-2017 Уроки HTML
Рейтинг@Mail.ru