تگ های HTML – تگ th
سلام
با معرفی تگ <th> از سری تگ های HTML در خدمتتون هستیم.
- نمونه کد تگ <th>
|
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ |
<table> <tr> <th>ماه</th> <th>مبلغ ذخیره شده</th> </tr> <tr> <td>مهر</td> <td>۱۰۰ هزارتومان</td> </tr> <tr> <td>آبان</td> <td>۸۰ هزارتومان</td> </tr> </table> |
مثال های بیشتر در پایان مقاله، قرار دارد.
- معرفی و کاربرد
تگ <th> یک سلول هدر در جدول HTML را تعریف می کند.
یک جدول HTML دارای دو سلول است:
- سلول Header: شامل اطلاعات هدر (که با تگ <th> ساخته میشود).
- سلول Data: شامل داده ها (که با تگ <td> ساخته میشود).
متن در تگ <th> به طور پیش فرض پررنگ و در وسط قرار میگیرد.
متن در تگ <td> به طور پیش فرض منظم و در سمت چپ قرار میگیرد.
- پشتیبانی در مرورگرها
| عنصر | |||||
|---|---|---|---|---|---|
| th | بله | بله | بله | بله | بله |
- خصوصیت ها
|
خصوصیت |
مقدار |
توضیحات |
|
abbr |
text |
یک عبارت خلاصه شده در سلول header را مشخص می کند. |
|
colspan |
number |
تعداد ستون هایی که سلول header آنها را پوشش می دهد، را مشخص می کند. |
|
headers |
header_id |
هنگامی که یک یا چند سلول header داشته باشیم، سلولی که مدنظر است را مشخص میکند. |
|
rowspan |
number |
تعداد سطرهایی که سلول header آنها را پوشش می دهد، مشخص می کند. |
|
scope |
col colgroup row rowgroup |
این سلول جدول اطلاعاتی را راجع به بقیه سطری که آن را در برگرفته، یا بقیه ستونی که این خانه جز آن است ،یا گروه سطرها و یا گروه ستون هایی که این خانه جزء آن است را مشخص می کند. |
مثال های بیشتر از تگ <th>:
تغییر جهت متن تگ <th>: (با CSS)
|
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ |
<table style="width:100%"> <tr> <th style="text-align:right">ماه</th> <th style="text-align:right">ذخیره هر ماه</th> </tr> <tr> <td>مهر</td> <td> هزار تومان ۱۰۰</td> </tr> <tr> <td>آبان</td> <td>۸۰ هزارتومان</td> </tr> </table> |
تغییر رنگ پس زمینه تگ <th>: (با CSS)
|
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ |
<body> <table> <tr> <th style="background-color:#FF0000">ماه</th> <th style="background-color:#00FF00">ذخیره هر ماه</th> </tr> <tr> <td>مهر</td> <td>۱۰۰ هزارتومان</td> </tr> </table> </body> |
تغییر ارتفاع تگ <th>: (با CSS)
|
۱ ۲ ۳ ۴ ۵ ۶ ۷ ۸ ۹ ۱۰ ۱۱ ۱۲ ۱۳ ۱۴ |
<table> <tr> <th style="height:100px">ماه</th> <th style="height:100px">ذخیره هر ماه</th> </tr> <tr> <td>مهر</td> <td>۱۰۰ هزار تومان</td> </tr> <tr> <td>آبان</td> <td>۸۰ هزارتومان</td> </tr> </table> |
و مثال های بیشتر به مرور اضافه میشوند ….
معرفی این تگ نیز به پایان رسید.
موفق باشید.
ارسال نظر
شما باید وارد شوید یا عضو شوید تا بتوانید نظر ارسال کنید