MohirDox

Ko'rinishi

HTML Jadvalar ​

HTML jadvalar veb-dasturchilarga ma'lumotlarni qator va ustunlarga joylashtirish imkonini beradi.

Misol ​

html
<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>
  <tr>
    <td>Ernst Handel</td>
    <td>Roland Mendel</td>
    <td>Avstriya</td>
  </tr>
  <tr>
    <td>Island Trading</td>
    <td>Helen Bennett</td>
    <td>Buyuk Britaniya</td>
  </tr>
  <tr>
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Kanada</td>
  </tr>
  <tr>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
    <td>Italiya</td>
  </tr>
</table>

HTML Jadvalini aniqlash ​

HTML jadvalida qator va ustunlar ichida jadval katakchalari bo'ladi.

Misol ​

Oddiy HTML jadvali:

html
<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 Katakchalari ​

Har bir jadval katakchasi <td> va </td> teglarida aniqlanadi.

TIP

td - jadval ma'lumotlari degani.

<td> va </td> orasidagi hamma narsa jadval katakchasi mazmuni hisoblanadi.

Misol ​

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

TIP

Eslatma: Jadval katakchasi ichida har xil HTML elementlar bo'lishi mumkin: matn, rasm, ro'yxat, havola, boshqa jadval va hokazo.

Jadval Qatorlari ​

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

TIP

tr - jadval qatori degani.

Misol ​

html
<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 istalgancha qator bo'lishi mumkin; faqat har bir qatorda katakchalar soni bir xil bo'lishi kerak.

TIP

Eslatma: Ba'zi hollarda bir qator boshqa qatordan ko'proq yoki kamroq katakchaga ega bo'lishi mumkin. Buni keyingi boblarda o'rganasiz.

Jadval Sarlavhalari ​

Ba'zida katakchalar jadval sarlavha katakchasi bo'lishini xohlaysiz. Bunday hollarda <th> tegi ishlatiladi.

TIP

th - jadval sarlavhasi degani.

Misol ​

Birinchi qatorni jadval sarlavha katakchalari qilib belgilang:

html
<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>

Odatiy holatda <th> elementidagi matn qalin va markazda bo'ladi, lekin CSS yordamida o'zgartirish mumkin.

HTML Jadval Teglari ​

TegTavsifi
<table>Jadvalni aniqlaydi
<th>Jadvalda sarlavha katakchasini aniqlaydi
<tr>Jadvalda qatorni aniqlaydi
<td>Jadvalda katakchani aniqlaydi
<caption>Jadval sarlavhasini aniqlaydi
<colgroup>Jadvalda bir yoki bir nechta ustunlarni guruhlash uchun ishlatiladi
<col><colgroup> ichidagi har bir ustun uchun xususiyatlarni belgilaydi
<thead>Jadval sarlavha qismini guruhlaydi
<tbody>Jadval asosiy qismini guruhlaydi
<tfoot>Jadval pastki qismini guruhlaydi

TIP

Barcha HTML teglar ro'yxati uchun HTML Teglar Ma'lumotnomasi sahifasiga tashrif buyuring.

Batafsil o'rganing ​