HTML Jadvallar

HTML Jadvallar

HTML jadvallari veb-ishlab chiquvchilarga ma'lumotlarni qatorlar va ustunlarga joylashtirish imkonini beradi.

Misol

Misol

Oddiy HTML jadvali:

<table>
  <tr>
    <th>Kompaniya</th>
    <th>Aloqa</th>
    <th>Mamlakat</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germaniya</td>
  </tr>
  <tr>
    <td>Centro comercial Moctezuma</td>
    <td>Francisco Chang</td>
    <td>Meksika</td>
  </tr>
</table>

Jadval ustunlari

Har bir ustun <td> va </td> teglar bilan aniqlanadi.

<td> jadval ma'lumotlarini anglatadi.

<td> va </td> orasidagi har narsa jadval mazmuni bo'ladi.

Misol

<table>
  <tr>
    <td>Emil</td>
    <td>Tobias</td>
    <td>Linus</td>
  </tr>
</table>

Jadval Qatorlari

Har bir jadval qatori <tr> bilan boshlanadi va </tr> bilan tugaydi.

<tr> jadval qatorini anglatadi.

Misol

<table>
  <tr>
    <td>Emil</td>
    <td>Tobias</td>
    <td>Linus</td>
  </tr>
  <tr>
    <td>16</td>
    <td>14</td>
    <td>10</td>
  </tr>
</table>

Jadvalda qancha qator bo'lishidan qat'iy nazar, har bir qatorda ustunlar soni bir xil bo'lishi kerak.

Jadval Sarlavhalari

Ba'zan ustun jadval sarlavhasi bo'lishi kerak. Bunday holatlarda <th> tegidan foydalaning:

<th> jadval sarlavhasini anglatadi.

Misol

Birinchi qator jadval sarlavhalari bo'lsin:

<table>
  <tr>
    <th>Shaxs 1</th>
    <th>Shaxs 2</th>
    <th>Shaxs 3</th>
  </tr>
  <tr>
    <td>Emil</td>
    <td>Tobias</td>
    <td>Linus</td>
  </tr>
  <tr>
    <td>16</td>
    <td>14</td>
    <td>10</td>
  </tr>
</table>

<th> elementlaridagi matnlar odatda qalin va markazlashtirilgan bo'ladi, ammo buni CSS yordamida o'zgartirishingiz mumkin.

HTML Jadval Teglari