مقدمه
سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTM کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه پیش تگ code را شناختیم و آموختیم که تگ code یک تگ عبارت است و یک قطعه کد کامپیوتر را تعریف می کند.
در این جلسه آینده قرار است به آموزش کار با تگ col در HTML بپردازیم.
آموزش کار با تگ col در HTML
به مثال زیر توجه نمایید.
در این مثال کدهای ما ورودی صفحه کلید را تعریف می کند.
مثال :
| <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> |
تعریف و کاربرد
تگ col ویژگی ستون را برای هر ستون درون یک تگ colgroup مشخص می کند.
با استفاده از این تگ می توان ستون های یک جدول را به دلخواه انتخاب کرد و برای آن استایل معینی تعیین نمود.
پشتیبانی مرورگر ها
| Element |  |  |  |  |  |
| <col> | بله | بله | بله | بله | بله |
تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
تفاوت بین HTML و XHTML
در HTML تگ col تگ انتهایی ندارد.
در XHTML ، برچسب col باید به درستی بسته شود.
خصیصه
| خصیصه | مقدار | توضیحات |
|---|
| align | left
right
center
justify
char | تراز افقی محتوای تگ col را مشخص می نماید.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| char | character | این خصیصه تراز محتوای تگ col را نسبت به کاراکترها یا char مشخص می نماید.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| charoff | number | مشخص میکند که چه تعداد از کاراکترها توسط عنصر char تعریف می شوند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| span | number | مشخص میکند که چه تعداد از ستون های جدول باید انتخاب شوند.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| valign | top
middle
bottom
baseline | تراز عمودی محتوای تگ col را مشخص می نماید.
این خصیصه در HTML5 پشتیبانی نمی شود. |
| width | %
pixels
relative_length | عرض تگ col را مشخص می نماید.
این خصیصه در HTML5 پشتیبانی نمی شود. |
خصیصه های سراسری Global Attributes
تگ <col> از خصیصه های سراسری در HTML پشتیبانی می کند.
خصیصه رویداد Event Attributes
تگ <col> از خصیصه رویداد در HTML پشتیبانی می کند.
تنظیمات پیش فرض CSS
بیشتر مرورگرها عنصر <col> را با مقادیر پیش فرض زیر نمایش می دهند:
مثال :
| col { display: table-column; } |
کلام آخر
در این جلسه fi آموزش کار با تگ col در HTML پرداختیم و آموختیم که تگ col ویژگی ستون را برای هر ستون درون یک تگ colgroup مشخص می کند.
اما تگ colgroup چیست؟ این تگ، تگی است که قرار است در جلسه آینده با آن آشنا شویم.
با پی وی لرن همراه باشید.
فروشگاه
فیلم های آموزشی
کتاب های آموزشی
مقالات آموزشی
وردپرس
