<tr>
Misol
Uch qatordan iborat oddiy HTML jadval: bitta sarlavha qatori va ikkita ma’lumot qatori:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
<tr> tegi HTML jadvaldagi qatorni belgilaydi.
<tr> elementi bir yoki bir nechta <th> yoki <td> elementlarini o‘z ichiga oladi.
Brauzerlarda qo‘llab-quvvatlash
| Element | |||||
|---|---|---|---|---|---|
| <tr> | Ha | Ha | Ha | Ha | Ha |
Global atributlar
<tr> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<tr> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Ko‘proq misollar
Misol
<tr> ichidagi kontentni tekislash (CSS yordamida):
<table style="width:100%">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr style="text-align:right">
<td>January</td>
<td>$100</td>
</tr>
</table>
O‘zingiz sinab ko‘ring »
Misol
Jadval qatoriga fon rangi (background-color) qo‘shish (CSS yordamida):
<table>
<tr style="background-color:#FF0000">
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
O‘zingiz sinab ko‘ring »
Misol
<tr> ichidagi kontentni vertikal tekislash (CSS yordamida):
<table style="height:200px">
<tr style="vertical-align:top">
<th>Month</th>
<th>Savings</th>
</tr>
<tr style="vertical-align:bottom">
<td>January</td>
<td>$100</td>
</tr>
</table>
O‘zingiz sinab ko‘ring »
Misol
Jadval sarlavhalarini yaratish:
<table>
<tr>
<th>Name</th>
<th>Email</th>
<th>Phone</th>
</tr>
<tr>
<td>John Doe</td>
<td>john.doe@example.com</td>
<td>123-45-678</td>
</tr>
</table>
O‘zingiz sinab ko‘ring »
Misol
Sarlavhali (caption) jadval yaratish:
<table>
<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>$80</td>
</tr>
</table>
O‘zingiz sinab ko‘ring »
Misol
Bir nechta qator yoki ustunni egallaydigan jadval kataklarini belgilash:
<table>
<tr>
<th>Name</th>
<th>Email</th>
<th colspan="2">Phone</th>
</tr>
<tr>
<td>John Doe</td>
<td>john.doe@example.com</td>
<td>123-45-678</td>
<td>212-00-546</td>
</tr>
</table>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
HTML darsligi: HTML jadvallar
HTML DOM ma’lumotnomasi: TableRow obyekti
CSS darsligi: Jadvallarni bezash
Standart CSS sozlamalari
Ko‘pchilik brauzerlar <tr> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!