مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTM کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه گذشته تگ col را شناختیم. تگ col ویژگی ستون را برای هر ستون درون یک تگ colgroup مشخص می کند.
در این جلسه با آموزش کار با تگ colgroup در HTML می خواهیم به این موضوع بپردازیم که تگ colgroup چیست و چه استفاده ای دارد.
آموزش کار با تگ colgroup در HTML
به مثال زیر توجه نمایید.
در این مثال تگ های <colgroup> و <col> رنگ پس زمینه سه ستون را تنظیم می نمایند.
مثال :
| <table> <colgroup> <col span="2" style="background-color:red"> <col style="background-color:yellow"> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> <td>My first HTML</td> <td>$53</td> </tr> </table> |
تعریف و کاربرد
تگ colgroup گروهی از یک یا چند ستون را در یک جدول برای قالب بندی مشخص می کند تا برای ستون های آن استایل تعریف نماید.
بنابرین تگ colgroup برای اجرای استایل ها در سراسر ستون ها – به جای تکرار آن ها برای هر هر سلول در هر ردیف – مفید است.
نکات و توصیه ها
نکته
تگ <colgroup> باید فرزند یک عنصر <table> باشد ، بعد از هر عنصر <caption> و قبل از هر عنصر <thead> ، <tbody> ، <tfoot> و <tr>.
توصیه
برای تعریف ویژگی های مختلف در یک ستون در یک <colgroup> ، از تگ <col> در تگ <colgroup> استفاده کنید.
پشتیبانی مرورگر ها
| عنصر |  |  |  |  |  |
| <colgroup> | بله | بله | بله | بله | بله |
تفاوت بین HTML 4.01 و HTML5
بسیاری از خصیصه های HTML 4.01 در HTML5 پشتیبانی نمی شوند.
خصیصه ها
| خصیصه | مقدار | توضیح |
|---|
| align | left
right
center
justify
char | این خصیصه مطالب را در یک گروه ستون تراز می کند.
ایت خصیصه در HTML5 پشتیبانی نمی شود. |
| char | character | این خصیصه محتوا را در یک گروه ستون با یک کاراکتر تراز می کند.
ایت خصیصه در HTML5 پشتیبانی نمی شود. |
| charoff | number | تعداد کاراکترهایی که محتوا از کاراکتر مشخص شده با ویژگی char تنظیم می شود را تنظیم می کند.
ایت خصیصه در HTML5 پشتیبانی نمی شود. |
| span | number | مشخص می کند که چه تعداد از ستون های جدول باید انتخاب شوند.
ایت خصیصه در HTML5 پشتیبانی نمی شود. |
| valign | top
middle
bottom
baseline | این خصیصه تعیین می کند که تراز محتوای تگ colgroup بصورت عمودی چگونه باشد.
ایت خصیصه در HTML5 پشتیبانی نمی شود. |
| width | %
pixels
relative_length | عرض تگ colgroup را مشخص می نماید.
ایت خصیصه در HTML5 پشتیبانی نمی شود. |
خصیصه های سراسری Global Attributes
تگ <colgroup> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <colgroup> از خصیصه رویداد در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
بیشتر مرورگرها عنصر <colgroup> را با مقادیر پیش فرض زیر نمایش می دهند:
مثال :
| colgroup { display: table-column-group; } |
کلام آخر
در این جلسه به آموزش کار با تگ colgroup در HTML پرداختیم و یاد گرفتیم که تگ colgroup گروهی از یک یا چند ستون را در یک جدول برای قالب بندی مشخص می کند تا برای ستون های آن استایل تعریف نماید.
در جلسه آینده با تگ data می پردازیم.
با پی وی لرن همراه با باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
