آموزش تگ th در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html و css قراره که با اموزش تگ th در HTML به صورت کامل آشنا بشید.

تگ th در HTML

تگ th مخفف شده کلمه Table Head میباشد. این تگ داخل تگ Table قرار میگیرد. با استفاده از آن میتوانیم ستون های یک جدول را ایجاد کنیم.

بصورت کلی ما دارای ۲ نوع سلول در یک جدول هستیم :

• سلول اول سلول هدر است که با این سرستون های جدول را مشخص می نماید.
• دومین سلول، سلول محتوا است. با این سلول محتویات جدول مشخص میشوند.

سلول هدر که همان تگ th است. در واقع ایجاد کننده ستون های جداول میباشد. بصورت پیش فرض این تگ ها در مرورگرها با محتوایی به رنگ مشکی و بصورت پررنگ در وسط قرار میگیرد.

سلول داده در زبان HTML با تگ td مشخص میشود که سلول های عادی یک جدول تشکیل میدهند و بطور پیش فرض محتوای این تگ در مرورگرها به رنگ مشکی نمایش داده میشوند و جایگاه آنها نیز در سمت چپ قرار دارد..

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

در ادامه آموزش HTML CSS میتوانید برای تفهیم بیشتر یک مثال از تگ th را با هم بررسی نماییم.

<tr>
 <th>نام</th>
 <th>فامیلی</th>
</tr>

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

در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ th در HTML پشتیبانی میکنند را مشاهده نمایید که آیا از آن پشتیبانی میکنند یا خیر…

راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید

جدول صفات تگ th 

در جدول زیر میتوانید شاهد صفات این تگ به همراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده کنید

پشتیبانی تگ th از صفات و رویدادهای عمومی

تگ th دارای قابلیت پشتیبانی از صفات عمومی و رویدادهای عمومی در HTML میباشد.

دستورات پیش فرض CSS برای تگ th

در حالت عادی مرورگر ها تگ th را با دستوراتی از زبان CSS به شکل زیر نمایان میکنند.

th {
  display: table-cell;
  vertical-align: inherit;
  font-weight: bold;
  text-align: center;
}