ტეგი 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,
    რომლებიც აერთიანებენ ცხრილის რიგებს და სვეტებს