آموزش تگ col در HTML

آموزش تگ col در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ col در HTML به صورت کامل آشنا بشید.
تگ Col در HTML
تگ col
که از کلمه ی انگلیسی ( Column ) گرفته شده است، تگی است که داخل تگ <colgroup> استفاده می شود و با بکار بردن آن میتوان ستون های یک جدول را بصورت دسته جمعی یا همون گروهی انتخاب کرد.
یعنی به عنوان مثال ۲ ستون رو از یک جدول انتخاب میکنیم، بعد از انتخاب فرض کنید می خواهید رنگ زمینه اون ۲ستون قرمز بشه، دیگه از این به بعد رنگ قرمز روی کل اون ۲ ستون اعمال میشه نه کل جدول.
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.
مثال از تگ col در HTML
در ادامه ی آموزش html و css میتوانید یک مثال از این تگ را مشاهده کنید.
<body> <table> <colgroup> <col span="3" style="background-color:yellow"> <col style="background-color:lightgreen;"> </colgroup> </table> </body>
پشتیبانی مرورگرها
در جدولی که در پایین مشاهده می کنید به این نتیجه می رسید که آیا مرورگرهای اینترنتی از تگ col
در HTML پشتیبانی میکنند یا خیر.
جدول صفات تگ col در HTML
در جدول زیر میتوانید مشاهده کنید که چه صفات و چه مقادیری را میتوان در این تگ استفاده کرد.
پشتیبانی از صفات و رویدادهای عمومی
تگ col
قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.
نکات و توضیحات
- در HTML تگ Col یک تگ تک و تنهاست و این یعنی تگ پایانی برای بستن این تگ وجود ندارد.
دستورات CSS پیش فرض
غالبا مرورگرها تگ col
را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
col { display: table-column; }
توصیه ما به شما دوست عزیزم این است که با شرکت در دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید.
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید