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 атрибуттары,
    таблицанын катарларын жана тилкелерин бириктиришет