این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ th در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ th در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Th در HTML
تگ th که از کلمه ( Table Head ) گرفته شده است، تگی است که درون تگ Table مورد استفاده قرار میگیرد و با استفاده از آن میتوان ستون های یک جدول را ایجاد و یا تعریف کرد.
بطور کلی ۲ نوع سلول در یک جدول میتونیم داشته باشیم :
- سلول هدر ( سلولی که هدر یا سرستون های جدول را مشخص میکند )
- سلول محتوا / داده ( سلولی که محتوا یا داده های جدول را مشخص میکند )
سلول هدر ( میشه همین تگ th ) در واقع ستون های جدول را ایجاد میکند و بصورت پیش فرض محتوای این تگ در مرورگرها رنگش مشکی و بصورت بولد شده ( پررنگ ) و در وسط قرار میگیرد.
سلول داده ( میشه همون تگ td ) که سلول های عادی یک جدول را مشخص میکند و بصورت پیش فرض محتوای این تگ در مرورگرها رنگش مشکی و در سمت چپ قرار میگیرد.
Free-Learn
مثال از تگ th در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
1 2 3 4 |
<tr> <th>نام</th> <th>فامیلی</th> </tr> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ th در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ th در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| colspan | number | برای ادغام کردن ستون های جدول |
| headers | header_id | مشخص میکند که فلان td مرتبط با فلان th می باشد |
| rowspan | number | برای ادغام کردن سطرهای جدول |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ th از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ th را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 4 5 6 |
th { display: table-cell; vertical-align: inherit; font-weight: bold; text-align: center; } |
