سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانهگذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه قبل از این دوره، textarea را شناختیم؛ تگ textarea تگی است که به کمک آن می توان یک ناحیه متنی یا text area را در یک صفحه وب ایجاد کرد.
در ادامه قرار است به آموزش کار با تگ tfoot در 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> |
تگ tfoot تگی است که برای گروه بندی محتوای صفحه در یک جدول HTML استفاده می شود.
تگ tfoot در رابطه با عناصر thead و tbody برای مشخص کردن هر قسمت از یک جدول (فوتر، هدر و بدنه) استفاده می شود.
مرورگرها می توانند از این عناصر برای فعال کردن پیمایش بدنه جدول به طور مستقل از هدر و پاورقی استفاده کنند.
همچنین، هنگام چاپ یک جدول بزرگ که شامل چندین صفحه است، این عناصر می توانند باعث شوند که در بالای و پایین هر صفحه، هدر و فوتر جدول چاپ شود.
از تگ <tfoot> باید در متن زیر استفاده شود:
به عنوان child از عناصر <table> ، بعد از هر عنصر <caption> ، <colgroup> ، <thead> و <tbody>.
عنصر | |||||
<tfoot> | بله | بله | بله | بله | بله |
عنصر <tfoot> باید دارای یک یا چند تگ <tr> باشد.
عناصر <thead> ، <tbody> و <tfoot> به طور پیش فرض روی layout جدول تأثیر نمی گذارد. با این وجود، می توانید از CSS برای استایل این عناصر استفاده کنید.
هیچ یک از خصیصه های HTML 4.01 در HTML5 پشتیبانی نمی شود.
خصیصه | مقدار | توضیحات |
---|---|---|
align | right left center justify char | این خصیصه محتوای درون عنصر <tfoot> را تراز می کند. این خصیصه در در HTML5 پشتیبانی نمی شود. |
char | character | این خصیصه تراز محتوای درون تگ tfoot را بر اساس کاراکتر تعیین می نماید. این خصیصه در در HTML5 پشتیبانی نمی شود. |
charoff | number | این خصیصه تعداد کاراکترهای موجود در تگ <tfoot> را با کاراکتر مشخص شده با خصیصه char تنظیم می کند. این خصیصه در در HTML5 پشتیبانی نمی شود. |
valign | top middle bottom baseline | تراز محتوای موجود در تگ tfoot را بصورت عمودی مشخص می نماید. این خصیصه در در HTML5 پشتیبانی نمی شود. |
تگ <tfoot> از خصیصه های سراسری در HTML پشتیبانی می کند.
تگ <tfoot> از خصیصه رویداد در HTML پشتیبانی می کند.
بیشتر مرورگرها عنصر <tfoot> را با مقادیر پیش فرض زیر نمایش می دهند:
1 2 3 4 5 | tfoot { display: table-footer-group; vertical-align: middle; border-color: inherit; } |
در این جلسه با آموزش کار با تگ tfoot در HTML همراه شما بودیم؛ از تگ tfoot برای گروه بندی محتوای صفحه در یک جدول HTML استفاده می شود.
در جلسه بعدی به بررسی و آشنایی با تگ th و کاربرد آن در HTML می پردازیم.
با پی وی لرن همراه باشید.