سلام
با معرفی تگ <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> |
و مثال های بیشتر به مرور اضافه میشوند ….
معرفی این تگ نیز به پایان رسید.
موفق باشید.
پاسخ دهید
شما بایدوارد شوید یا ثبت نام کنید تا بتوانید پاسخ دهید.