Запіс на курсы па HTML, CSS, JavaScript, PHP, Python, фрэймворкам і CMS,
а таксама: дапамога ў пошуку працы і заказаў, стажыроўка на рэальных праектах→
33 of 133 menu

Тэг table

Тэг table стварае табліцу. Выкарыстоўваецца сумесна з тэгамі tr, td, th.

Тэг tr стварае шэраг табліцы, а тэгі td і th ствараюць ячэйкі гэтай табліцы. Розніца паміж td і th: першы - гэта звычайная ячэйка, а другі - гэта ячэйка-загаловак.

Атрыбуты

Атрыбут Апісанне
cellspacing Задае адлегласць паміж ячэйкамі.
Састарэў, замест яго варта выкарыстоўваць CSS уласцівасць border-spacing.
cellpadding Задае адлегласць паміж тэкстам і мяжой ячэйкі.
Састарэў, замест яго варта выкарыстоўваць CSS уласцівасць padding.
border Задае мяжу ячэек і табліцы.
Састарэў, замест яго варта выкарыстоўваць CSS уласцівасць border.

Прыклад

Давайце стварым табліцу з ячэйкамі th і td:

<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> table, td, th { border: 1px solid black; }

:

Глядзіце таксама

  • тэгі thead, tbody і tfoot,
    якія групуюць шэрагі табліцы
  • тэг caption,
    які задае загаловак усёй табліцы
  • уласцівасць vertical-align,
    якая задае выраўноўванне тэксту па вертыкалі
  • атрыбуты rowspan і colspan,
    якія аб'ядноўваюць шэрагі і слупкі табліцы
byenru