Jadval sarlavhalari

HTML jadvallarda har bir ustun yoki qator uchun, yoki ko‘p ustun/qatorlar uchun sarlavhalar bo‘lishi mumkin.

EMIL	TOBIAS	LINUS

8:00
9:00
10:00
11:00
12:00
13:00

	MON	TUE	WED	THU	FRI
8:00
9:00
10:00
11:00
12:00

DECEMBER

HTML jadval sarlavhalari

Jadval sarlavhalari th elementlari bilan aniqlanadi. Har bir th elementi jadval katakchasini ifodalaydi.

Misol

<table>
<tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
</tr>
<tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
</tr>
<tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
</tr>
</table>

O‘zingiz sinab ko‘ring »

Vertikal jadval sarlavhalari

Birinchi ustunni jadval sarlavhalari sifatida ishlatish uchun har bir qatordagi birinchi katakchani <th> elementi sifatida belgilang:

Misol

<table>
<tr>
    <th>Firstname</th>
    <td>Jill</td>
    <td>Eve</td>
</tr>
<tr>
<th>Lastname</th>
    <td>Smith</td>
    <td>Jackson</td>
</tr>
<tr>
    <th>Age</th>
    <td>94</td>
    <td>50</td>
</tr>
</table>

O‘zingiz sinab ko‘ring »

Jadval sarlavhalarini tekislash

Standart bo‘yicha jadval sarlavhalari qalin va markazda joylashgan:

Firstname	Lastname	Age
Jill	Smith	50
Eve	Jackson	94

Jadval sarlavhalarini chapga tekislash uchun CSS text-align xususiyatidan foydalaning:

Misol

th {
text-align: left;
}

O‘zingiz sinab ko‘ring »

Bir nechta ustun uchun umumiy sarlavha

Ikkita yoki undan ko‘p ustunni qamrab oladigan sarlavhaga ega bo‘lishingiz mumkin.

Nomi		Age
Jill	Smith	50
Eve	Jackson	94

Buning uchun <th> elementida colspan atributidan foydalaning:

Misol

<table>
<tr>
    <th colspan="2">Name</th>
    <th>Age</th>
</tr>
<tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
</tr>
<tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
</tr>
</table>

O‘zingiz sinab ko‘ring »

Colspan va rowspan haqida Jadval colspan va rowspan bobida ko‘proq bilib olasiz.

Jadval sarlavhasi (caption)

Butun jadval uchun sarlavha vazifasini bajaradigan izoh (caption) qo‘shishingiz mumkin.

Monthly savings
Month	Savings
January	$100
February	$50

Jadvalga izoh qo‘shish uchun <caption> tegidan foydalaning:

Misol

<table style="width:100%">
<caption>Monthly savings</caption>
<tr>
    <th>Month</th>
    <th>Savings</th>
</tr>
<tr>
    <td>January</td>
    <td>$100</td>
</tr>
<tr>
    <td>February</td>
    <td>$50</td>
</tr>
</table>

O‘zingiz sinab ko‘ring »

Eslatma: <caption> tegi <table> tegidan bevosita keyin joylashtirilishi kerak.

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish