Тегот table

Тегот table создава табела. Се користи заедно со теговите tr, td, th.

Тегот tr создава ред во табелата, а теговите td и th создаваат ќелии во табелата. Разликата помеѓу td и th: првиот - е обична ќелија, а вториот - е ќелија-заглавие.

Атрибути

Атрибут Опис
cellspacing Го задава растојанието помеѓу ќелиите.
Застарeл, наместо него треба да се користи CSS својството border-spacing.
cellpadding Го задава растојанието помеѓу текстот и границата на ќелијата.
Застарeл, наместо него треба да се користи CSS својството padding.
border Ја задава границата на ќелиите и табелата.
Застарeл, наместо него треба да се користи 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,
    кои ги обединуваат редовите и колоните на табелата