Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег td

Дата:20.09.15 в 16:05
Справочник: 

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

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

3.0+ 1.0+ 1.0+ 1.0+ 1.0+ 1.0+ 1.0+

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

HTML 3.2 4.01 5.0
XHTML 1.0 1.1

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

Тег <td> образует ячейки в строке, которая задается тегом tr. Последний является родительским по отношению к тегу ячейки. В тоже время количество тегов <td> определяет количество столбцов в таблице.

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

<table>
 <thead> .... </thead>
 <tfoot> ... </tfoot>
 <tbody>
  <tr>
   <td> ... </td>
  </tr>
 </tbody>
</table>

Какие атрибуты поддерживаются?

  • abbr - содержит описание для ячейки.
  • align - устанавливает расположение контента по ширине ячейки.
  • axis - объединяет ячейки в группы по схожей тематике контента.
  • background - отвечает за установку фонового рисунка.
  • bgcolor - цвет фона контейнера.
  • bordercolor - цвет обрамления.
  • char - равнение содержимого контейнера по определенному знаку.
  • charoff - перемещение содержимого контейнера по определенному знаку.
  • colspan - соединяет определенное количество ячеек в одну в горизонтальном направлении.
  • headers - группирует контейнеры по их заглавию.
  • height - высота.
  • nowrap - строчки в ячейках переносится не могут.
  • rowspan - соединяет определенное количество ячеек в одну в вертикальном направлении.
  • scope - объединяет по заголовкам ячейки для использования в речевых браузерах.
  • valign - устанавливает расположение контента по высоте ячейки.
  • width - ширина.

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

Закрытый тег

Не всегда.

Пример использования

  <!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег td</title>
 </head>
 <body>
 
<table>
   <thead>
        <tr>
		<td>link</td>
		<td>source</td>
	</tr>
   </thead>
 
   <tbody>
 
	<tr>
		<td>link</td>
		<td>source</td>
	</tr>
   </tbody>
 
   <tfoot> 
	<tr>
		<td>link</td>
		<td>source</td>
	</tr>
   </tfoot>
</table>
 
 </body>
</html>

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип html тега: 
Понравилась статья? Расскажите о ней друзьям: