تگ های HTML - تگ tbody

عضویت در سایت

نام کاربری*

ایمیل*

رمزعبور*

تایید رمز عبور*

نام*

نام خانوادگی*

نام نمایشی*

تصویر پروفایل*

مرور

کشور*

شهر*

جنسیت* آقا

خانم

سایر

سن*

قوانین و مقررات* با تیک زدن این گزینه شما قوانین و مقررات را میپذیرید.

عضویت در سایت

رایگان ثبت نام کنید و سوالات خود را بپرسید، همچنین میتوانید در پاسخگویی به سوالات دیگر کاربران نیز سهیم باشید، هر مشکلی در ثبت نام یا ورود داشتید با ایمیل beporsam@gmail.com در ارتباط باشید

تگ های HTML – تگ tbody

سلام

با معرفی تگ <tbody> از سری تگ های HTML در خدمتتون هستیم.

نمونه کد تگ <tbody>

 <table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
</table>

۱۰

۱۱

۱۲

۱۳

۱۴

۱۵

۱۶

۱۷

۱۸

۱۹

۲۰

۲۱

۲۲

۲۳

۲۴

<table>

<thead>

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

</thead>

<tbody>

<tr>

<td>January</td>

</tr>

<tr>

<td>February</td>

</tr>

</tbody>

<tfoot>

<tr>

</tr>

</tfoot>

</table>

معرفی و کاربرد

تگ <tbody> برای گروه بندی محتوای جدول استفاده میشود.

تگ <tbody> در رابطه با عناصر <thead>(عناوین ستون ها) و <tfoot>(محتویات انتهای ستون ها) برای مشخص کردن هر قسمت از یک جدول(body, header, footer) استفاده میشود.

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

مطلب پیشنهادی: ماشین حساب گوگل

طریقه قرار گیری تگ <tbody>: تگ <tbody> داخل تگ <table> قرار می گیرد و پس از عناصر <caption> و <colgroup> و عنصر <thead> می آید.

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

عنصر
tbody	بله	بله	بله	بله	بله

نکات

نکته۱: تگ<tbody> باید حداقل یک تگ <tr> در داخل خود داشته باشد.

نکته۲: تگ های<thead>, <tbody>, و <tfoot> به طور پیش فرض بر روی طرح جدول تاثیر نمی گذارند. با این حال، شما می توانید برای استایل دادن به این عناصر از CSS استفاده کنید.

خصوصیت ها

خصوصیت هایی که تگ <tbody> می گیرد در جدول زیر آورده شده است.

خصوصیت	مقدار	توضیحات
align	left center right	در HTML5 پشتیبانی نمی شود. نحوه تراز بندی و قرار گیری جدول را مشخص میکند
char	character	در HTML5 پشتیبانی نمی شود. نحوه ترازبندی محتویات درون عنصر <tbody> برای کاراکتر را مشخص می کند.
charoff	number	در HTML5 پشتیبانی نمی شود. مقدار حاشیه ای که به کاراکتر اول متن اختصاص داده می شود ، تا متن درون عنصر <tbody> را تراز بندی کند.
valign	top middle bottom baseline	در HTML5 پشتیبانی نمی شود. نحوه ترازبندی عمودی محتویات درون عنصر <tbody> را مشخص می کند.

تنظیمات پیشفرض Css

اکثر مروررگرها برای نمایش تگ <table> از خصوصیات زیر استفاده میکنند.

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

tbody {

display: table-row-group;

vertical-align: middle;

border-color: inherit;

}

معرفی این تگ نیز به پایان رسید.

موفق باشید.