Table tegi

table tegi jadval yaratadi. tr, td, th teglari bilan birgalikda qo‘llaniladi.

tr tegi jadval qatorini, td va th teglari esa shu jadvalning kataklarini yaratadi. td va th o‘rtasidagi farq: birinchisi - oddiy katak, ikkinchisi - sarlavha katagidir.

Atributlar

Atribut Tavsif
cellspacing Kataklar orasidagi masofani belgilaydi.
Eskirdi, uning o‘rniga border-spacing CSS xususiyatidan foydalanish tavsiya etiladi.
cellpadding Matn va katak chegarasi orasidagi masofani belgilaydi.
Eskirdi, uning o‘rniga padding CSS xususiyatidan foydalanish tavsiya etiladi.
border Kataklar va jadvalning chegarasini belgilaydi.
Eskirdi, uning o‘rniga border CSS xususiyatidan foydalanish tavsiya etiladi.

Misol

Keling, th va td kataklari bilan jadval yarataylik:

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;
}

Результат:

Shuningdek qarang

  • thead, tbody va tfoot teglari,
    jadval qatorlarini guruhlaydi
  • caption tegi,
    butun jadval uchun sarlavha belgilaydi
  • vertical-align xususiyati,
    matnning vertikal bo‘yicha joylashuvini belgilaydi
  • rowspan va colspan atributlari,
    jadval qatorlari va ustunlarini birlashtiradi