Главная → HTML → Тег <td>

Тег <td>

Общая информация

Тег <td> предназначен для создания ячеек, в которых размещается содержимое таблицы. Спецификацией позволительно оставлять ячейки пустыми. Но при кроссбраузерной вертске важно помнить, что старые браузеры не умеют корректно отображать пустые ячейки. Поправить эту проблему можно, добавив пробел « ». При необходимости тег может объединять и представлять сразу несколько ячеек в одной по горизонтали или по вертикали. Задаются эти свойства с помощью атрибутов.

Синтаксис

<table>
<tr>
<td>Ячейка 1</td>
<td>Ячейка 2</td>
</tr>
</table>

<table>
 <tr>
  <td>Ячейка 1</td>
  <td>Ячейка 2</td>
 </tr>
</table>

Наличие закрывающего тега - обязательно.

Атрибуты

align — устанавливает позиционирование внутри ячейки по горизонтали
background — задает фоновое изображение ячейки
bgcolor — задает фоновый цвет
bordercolor — задает цвет границы ячейки
colspan — устанавливает количество ячеек, объединенных по горизонтали (в рамках строки)
height — устанавливает высоту ячейки
nowrap — запрет на перенос строк внутри ячейки
rowspan — устанавливает количество ячеек, объединенных по вертикали (в рамках столбца таблицы)
valign — позиционирование содержимого ячейчки по вертикали
width — устанавливает ширину ячейки

Примеры

Пример 1.

html:

<table border="1">
<tr>
<td width="125">Дата проведения</td>
<td width="70">№ игры</td>
<td>Хозяева</td>
<td width="115">Счёт игры</td>
<td>Гости</td>
<td width="105">Где проходит</td>
</tr>
</table>

<table>
  <tr>
    <td width="125">Дата проведения</td>
    <td width="70">№, группа</td>
    <td>Хозяева</td>
    <td width="115">Счёт игры</td>
    <td>Гости</td>
    <td width="105">Место проведения</td>
  </tr>
</table>

результат:

Дата проведения

№ игры

Хозяева

Счёт игры

Гости

Где проходит

таблицы

Добавить комментарий