HTML <th> علامت
تعریف و استفاده
<th> برچسب تعریف سلول عنوان جدول HTML است.
جدول HTML دو نوع سلول دارد:
- سلول عنوان - شامل اطلاعات عنوان (استفاده از
<th>عناصر ایجاد شده) - سلول داده - شامل دادهها (استفاده از <td> عناصر ایجاد شده)
به طور پیشفرض،<th> متن در عناصر تیره و مرکز قرار دارد.
به طور پیشفرض، متن در عناصر <td> عادی و چپچین است.
لطفاً به: مراجعه کنید
آموزش HTML:HTML جداول
منابع HTML DOM:موضوع TableHeader
آموزش CSS:تنظیم استایل فرم
مثال
مثال 1
یک جدول ساده HTML شامل سه ردیف، دو سلول عنوان و چهار سلول داده است:
<table>
<tr>
<th>مہینہ</th>
<th>بچت</th>
</tr>
<tr>
<td>جنوری</td>
<td>￥3400</td>
</tr>
<tr>
<td>فروری</td>
<td>￥4500</td>
</tr>
</table>
مثال 2
چگونه می توان همراستا کردن را تنظیم کرد <th> میں موجود کی معلومات (استفاده از CSS):
<table style="width:100%">
<tr>
<th style="text-align:left">ماه</th>
<th style="text-align:left">خرج</th>
</tr>
<tr>
<td>جنوری</td>
<td>￥3400</td>
</tr>
<tr>
<td>فروری</td>
<td>￥4500</td>
</tr>
</table>
مثال 3
چگونه می توان رنگ پسزمینه به سلول عنوان جدول اضافه کرد (استفاده از CSS):
<table>
<tr>
<th style="background-color:#FF0000">ماه</th>
<th style="background-color:#00FF00">خرج</th>
</tr>
<tr>
<td>جنوری</td>
<td>￥3400</td>
</tr>
</table>
مثال 4
کيف می توان ارتفاع سلول عنوان جدول را تنظیم کرد (استفاده از CSS):
<table>
<tr>
<th style="height:100px">مہینہ</th>
<th style="height:100px">بچت</th>
</tr>
<tr>
<td>جنوری</td>
<td>￥3400</td>
</tr>
</table>
مثال 5
چطور ٹیبل کی عنوان سلکول میں ناچلنا کا معین کرتا ہے (استفاده از CSS):
<table>
<tr>
<th>مہینہ</th>
<th style="white-space:nowrap">نئی موٹر کار کے لئے بچت کی وجہ سے</th>
</tr>
<tr>
<td>جنوری</td>
<td>￥3400</td>
</tr>
</table>
مثال 6
چطور افقی یا عمودی پاراگراف کا آلائی کریں <th> میں موجود کی معلومات (استفاده از CSS):
<table style="width:50%;">
<tr style="height:100px">
<th style="vertical-align:bottom">مہینہ</th>
<th style="vertical-align:bottom">بچت</th>
</tr>
<tr>
<td>جنوری</td>
<td>￥3400</td>
</tr>
</table>
مثال 7
چطور ٹیبل کی عنوان سلکول کی چوڑائی قائم کریں (استفاده از CSS):
<table style="width:100%">
<tr>
<th style="width:70%">مہینہ</th>
<th style="width:30%">بچت</th>
</tr>
<tr>
<td>جنوری</td>
<td>￥3400</td>
</tr>
</table>
مثال 8
چطور ٹیبل کی عنوان بنائیں:
<table>
<tr>
<th>نام</th>
<th>ایمیل</th>
<th>فون</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>bill.gates@example.com</td>
<td>138-1234-5678</td>
</tr>
</table>
مثال 9
چطور عنوان والی ٹیبل بنائیں:
<table>
<caption>مہینانہ بچت</caption>
<tr>
<th>مہینہ</th>
<th>بچت</th>
</tr>
<tr>
<td>جنوری</td>
<td>￥3400</td>
</tr>
<tr>
<td>فروری</td>
<td>￥4500</td>
</tr>
</table>
مثال 10
چطور متعدد راؤ یا کالام کا پارو بکھلنے والا سلکول تعریف کریں:
<table>
<tr>
<th>نام</th>
<th>ایمیل</th>
<th colspan="2">فون</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>bill.gates@example.com</td>
<td>138-1234-5678</td>
<td>186-2345-6789</td>
</tr>
</table>
کیات
| کیات | قیمتی | وصف |
|---|---|---|
| abbr | متن | مستند کا عنوانی سلکول میں موجود کی معلومات کی مختصر نسخہ کا معین کرتا ہے。 |
| colspan | اعداد | مستند کا عنوانی سلکول کتنی ساری کالام کا پارو بکھلنا چاہئیے، کا معین کرتا ہے。 |
| headers | header_id | مستند کا عنوانی سلکول کتنی ساری سلکول سے جڑا ہوا ہے، کا معین کرتا ہے。 |
| rowspan | اعداد | مستند کی کا مطلب یہ ہے کہ عنوانی سلکول کتنی ساری راؤ کا پارو بکھلنا چاہئیے。 |
| scope |
|
سلولهای سرصفحه آیا سر ستون، سر سطر هستند یا سر یک گروه از ستونها یا سطرها هستند. |
ویژگیهای جهانی
<th> این برچسب همچنین از ویژگیهای ویدئو پشتیبانی میکند ویژگیهای جهانی HTML。
ویژگیهای ویدئو
<th> این برچسب همچنین از ویژگیهای ویدئو پشتیبانی میکند ویژگیهای ویدئوی HTML。
تنظیمات پیشفرض CSS
بیشتر مرورگرها از ارزشهای پیشفرض زیر برای نمایش استفاده میکنند <th> عنصر:
th {
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}
پشتیبانی از مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
