مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل به کار با تگ table و آشنایی با این تگ پرداختیم؛ تگ table یک جدول HTML را مشخص می کند.
در این جلسه آموزش کار با تگ tbody در HTML را به علاقمندان این دوره ارائه می نماییم.
آموزش کار با تگ tbody در HTML
به مثال زیر توجه نمایید.
در این مثال یک جدول HTML به همراه عناصر <thead>, <tbody> و عنصر <tfoot> را مشاهده می نمایید.
مثال :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <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> |
تعریف و کاربرد
تگ tbody تگی است که برای گروه بندی محتوای body در یک جدول HTML استفاده می شود.
تگ tbody و tfoot برای مشخص کردن هر قسمت از یک جدول (بدنه ، هدر ، فوتر) استفاده می شود.
مرورگرها می توانند از این عناصر برای فعال کردن پیمایش بدنه جدول به طور مستقل از هدر و فوتر استفاده کنند.
همچنین، هنگام چاپ یک جدول بزرگ که شامل چندین صفحه است، این عناصر می توانند باعث شوند که در بالای و پایین هر صفحه، هدر و فوتر جدول چاپ شود.
تگ <tbody> باید در متن زیر مورد استفاده قرار گیرد:
به عنوان child از عناصر <table> ، پس از هر عنصر <caption> ، <colgroup> و <thead>.
پشتیبانی مرورگرها
| عنصر |  |  |  |  |  |
| <table> | بله | بله | بله | بله | بله |
نکات و توصیه ها
نکته
عنصر <tbody> باید دارای یک یا چند تگ <tr> باشد.
نکته
عناصر <thead> ، <tbody> و <tfoot> به طور پیش فرض روی layout جدول تأثیر نمی گذارد.
با این وجود ، می توانید از CSS برای style این عناصر استفاده کنید.
تفاوت بین HTML 4.01 و HTML5
هیچ یک از خصیصه های در HTML 4.01 در HTML5 پشتیبانی نمی شود.
خصیصه ها
| خصیصه | مقدار | توضیحات |
|---|
| align | right
left
center
justify
char | این خصیصه محتوای درون عنصر <tbody> را تراز می کند.
این خصیصه در در HTML5 پشتیبانی نمی شود. |
| char | character | این خصیصه تراز محتوای درون تگ tbody را بر اساس کاراکتر تعیین می نماید.
این خصیصه در در HTML5 پشتیبانی نمی شود. |
| charoff | number | این خصیصه تعداد کاراکترهای موجود در تگ <tbody> را با کاراکتر مشخص شده با خصیصه char تنظیم می کند.
این خصیصه در در HTML5 پشتیبانی نمی شود. |
| valign | top
middle
bottom
baseline | تراز محتوای موجود در تگ tbody را بصورت عمودی مشخص می نماید.
این خصیصه در در HTML5 پشتیبانی نمی شود. |
خصیصه های سراسری Global Attributes
تگ <tbody> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <tbody> از خصیصه رویداد در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
بیشتر مرورگرها عنصر <tbody> را با مقادیر پیش فرض زیر نمایش می دهند:
مثال :
| tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } |
کلام آخر
در این جلسه با آموزش کار با تگ tbody در HTML همراه شما بودیم؛ از این تگ برای گروه بندی محتوای body در یک جدول HTML استفاده می شود.
در جلسه آینده به آموزش کار با تگ td خواهیم پرداخت.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
