Таг table

Тагът table създава таблица. Използва се заедно с таговете tr, td, th.

Тагът tr създава ред от таблицата, а таговете td и th създават клетки в тази таблица. Разликата между td и th: първият е обикновена клетка, а вторият е клетка-заглавие.

Атрибути

Атрибут Описание
cellspacing Задава разстоянието между клетките.
Остарял, вместо него трябва да се използва CSS свойството border-spacing.
cellpadding Задава разстоянието между текста и границата на клетката.
Остарял, вместо него трябва да се използва CSS свойството padding.
border Задава границата на клетките и таблицата.
Остарял, вместо него трябва да се използва CSS свойството border.

Пример

Нека създадем таблица с клетки th и td:

html<table>
  <tr>
    <th>Name</th>
    <th>Surn</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>name1</td>
    <td>surn1</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>name2</td>
    <td>surn2</td>
    <td>1000$</td>
  </tr>
</table>
csstable, td, th {
  border: 1px solid black;
}

Результат:

Вижте също

  • таговете thead, tbody и tfoot,
    които групират редовете на таблицата
  • тагът caption,
    който задава заглавие на цялата таблица
  • свойството vertical-align,
    което задава подравняването на текста във вертикална посока
  • атрибутите rowspan и colspan,
    които обединяват редове и колони на таблицата