Тэг 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,
    якія аб'ядноўваюць шэрагі і слупкі табліцы