این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ tbody در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ tbody در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Tbody در HTML
تگ tbody
که از کلمه Table Body گرفته شده، تگی است که با استفاده از آن میتوان بدنه ی یک جدول را تعریف و یا مشخص کرد.
علاوه بر تگ Tbody ما ۲ تگ دیگه به نام های Thead و Tfoot هم داریم، که تگ Thead برای ایجاد هدر جدول ( بصورت ثابت ) می باشد و تگ Tfoot نیز برای تعریف فوتر ( قسمت پایینی جدول بصورت ثابت ) می باشد.
Free-Learn
مثال از تگ tbody در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
1 2 3 4 5 6 7 |
<tbody> <tr> <td>1</td> <td>برنج</td> <td>250,000</td> </tr> </tbody> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ tbody
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ tbody
از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- تگ
tbody
باید حداقل دارای یک ( ۱ عدد ) تگ tr ( جهت نمایش محتوا ) باشد
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ tbody
را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
1 2 3 4 5 |
tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } |