آموزش HTML – تگ th

نویسنده : مرتضی گنج | تاریخ انتشار : 2020/01/15 | بخش : آموزش HTML

تعریف و کاربرد تگ th در HTML

تگ <th> تگی است که درون تگ Table مورد استفاده قرار می گیرد و با استفاده از آن می توان ستون ها (سرستون) های یک جدول را ایجاد و یا تعریف کرد.

جدول HTML دو نوع سلول را تعریف می کند:

  • سلول Header – شامل اطلاعات هدر (توسط عنصر <th> ایجاد می شود)
  • سلول استاندارد – شامل داده ها (توسط عنصر <td> ایجاد می شود)

متن در عنصر <th> به طور پیش فرض به صورت برجسته (bold) و وسط چین می باشد.

متن در عنصر <td> به طور پیش فرض به صورت منظم و در تراز چپ قرار می گیرد.

دو خصوصیت colspan و rowspan امکان طول محتوای بیش از چند ستون یا سطر را می دهند.

 

مثال از تگ th در HTML

<table border="1">
 <tr>
   <th>Month</th>
   <th>Savings</th>
 </tr>
 <tr>
   <td>January</td>
   <td>$100</td>
 </tr>
</table>

تمرین کنید !

 

پشتیبانی مرورگرها از تگ th در HTML

Element
<th> بله بله بله بله بله

 

جدول صفات تگ th در HTML

نام صفت  مقدار توضیح
abbr text برای مشخص کردن یک مخفف (اختصار) از سلول های جدول
align left
right
center
justify
char
در HTML5 پشتیبانی نمی شود.

موقعیت یا تراز قرار گیری محتوای سلول ها را مشخص می کند.

axis category_name در HTML5 پشتیبانی نمی شود.

برای دسته بندی (کَتِگوری) کردن سلول های جدول.

bgcolor rgb(x,x,x)
#xxxxxx
colorname
در HTML5 پشتیبانی نمی شود.

برای مشخص کردن رنگ پس زمینه سلول ها استفاده می شود.

char character در HTML5 پشتیبانی نمی شود.

تراز محتوای درون تگ th را بر اساس کاراکتر مشخص می کند.

charoff number در HTML5 پشتیبانی نمی شود.

تعداد کاراکترهای موجود در تگ th را که توسط صفت char مشخص شده است را مشخص می کند.

colspan number برای ادغام کردن ستون های یک جدول استفاده می شود.
headers header_id مشخص می کند که فلان سلول (td) مرتبط یا متعلق به فلان ستون (th) می باشد.
height pixels

%

در HTML5 پشتیبانی نمی شود.

برای تنظیم اندازه ارتفاع سلول های جدول استفاده می شود.

nowrap nowrap در HTML5 پشتیبانی نمی شود.

مشخص می کند که محتوای درون تگ th نباید شکسته شود و به سطر بعد برود.

rowspan number برای ادغام کردن سطرهای یک جدول استفاده می شود.
scope col
colgroup
row
rowgroup
روشی را برای مرتبط کردن سلول های یک جدول با ستون های آن جدول مشخص می کند.
valign top
middle
bottom
baseline
در HTML5 پشتیبانی نمی شود.

تراز محتوای موجود در تگ th را بصورت عمودی مشخص میکند.

width pixels

%

در HTML5 پشتیبانی نمی شود.

برای تنظیم اندازه عرض سلول های جدول استفاده می شود.

sorted reversed
number
reversed number
number reversed
برای سورت کردن (مرتب سازی بر اساس) ستون های جدول استفاده می شود.