آموزش تگ tbody در HTML

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

تگ tbody در HTML

تگ tbody بر گرفته شده از کلمه ی Table Body است؛ tbody تگی است که با استفاده از آن میتوانیم بدنه ی یک جدول را به بهترین شیوه ممکن بسازیم.

علاوه بر تگ Tbody ما ۲ تگ دیگه به نام های Thead و Tfoot هم داریم، که تگ Thead برای ایجاد هدر جدول ( بصورت ثابت ) می باشد و تگ Tfoot نیز برای تعریف فوتر ( قسمت پایینی جدول بصورت ثابت ) می باشد.

در کنار تگ tbody دو تگ دیگر به نام های Thead  و  Tfoot هم داریم. از تگ Thead برای ایجاد قسمت بالایی جدول یا همان هدر استفاده میشود و  بصورت ثابت قرار میگیرد. تگ  Tfoot هم برای ایجاد قسمت پایینی جدول بصورت ثابت میباشد.

یک مثال از تگ tbody در HTML

در ادامه به مشاهده یک مثال از تگ tbody میپردازیم…

<tbody>
  <tr>
    <td>1</td>
    <td>برنج</td>
    <td>250,000</td>
  </tr>
</tbody>

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

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

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

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

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

نکات و توضیحات

• برای اینکه بتوانیم از تگ tbody استفاده کنیم باید حداقل از یک تگ tr جهت نمایش محتوای خود استفاده کنیم.

دستوراتی که بصورت پیش فرض در CSS از آن استفاده میکنیم.

مرورگر های حال حاضر دنیا تگ tbody را به صورت کد های css به شکل زیر نمایان میکنند که شما عزیزان می توانید بدون هیچ تغییر خاصی از این کد های آماده استفاده کنید.

tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
}

همچنین شما میتوانید با دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید.