دستورالعمل‌های HTML

کامل‌ترین لیست HTML

تسمية HTML: <command> علامة تسمية HTML: <col> علامة

تسمية HTML: <colgroup> علامة

HTML <colgroup> علامت برای تعریف یک مجموعه از سلول‌های جدول استفاده می‌شود، تا بتوانید قالب‌بندی را به مجموعه‌ای از سلول‌ها اعمال کنید یا کلاس‌ها را به گروه اضافه کنید، نه به هر سلول به طور جداگانه. این علامت معمولاً نیز به عنوان <colgroup> عنصر شناخته می‌شود.

مثال آنلاین

<colgroup> و <col> علامات برای تنظیم رنگ پس‌زمینه چهار ستون یک جدول استفاده می‌شوند:

مثال

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>استخدام علامة colgroup في HTML5 (موقع دروس أساسية للإنترنت oldtoolbag.com)</title>
</head>
<body>
<table>
　　<colgroup>
　　　　<col span="3" style="background-color:#FFF9C4;">
　　　　<col style="background-color:yellow;">
　　</colgroup>
　　<thead>
　　　　<tr>
　　　　　　<th>البند</th>
　　　　　　<th>الكمية</th>
　　　　　　<th>السعر</th>
　　　　　　<th>المجموع</th>
　　　　</tr>
　　</thead>
　　<tbody>
　　　　<tr>
　　　　　　<td>موز</td>
　　　　　　<td>5</td>
　　　　　　<td>$12</td>
　　　　　　<td>$60</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

اختبار لـ ‹/›

　في هذا مثال على مستند HTML5، قمنا بإنشاء جدول يحتوي على أجزاء <colgroup>، <thead> و <tbody>. في جزء <colgroup>، استخدمنا علامتين <col>. العلامة الأولى <col> تقوم بتجميع الأعمدة الثلاثة الأولى وتعيين لون الخلفية لها إلى #FFF9C4. العلامة الثانية <col> تقوم بتجميع العمود الرابع وتعيين لون الخلفية له إلى اللون الأصفر.

تطابق المتصفحات

IEFirefoxOperaChromeSafari

يدعم جميع المتصفحات الشائعة علامة <colgroup>.

تعريف العلامة واستخدام التعليمات

يتم تعريف عنصر <colgroup> في جدول HTML داخل علامة <body>.

استخدم علامة <colgroup> لتجميع الأعمدة في الجدول لتحقيق تنسيقها.
يجب أن تظهر علامة <colgroup> بعد <caption> في الجدول، لكن قبل علامات <thead>، <tr>، <th>، <tbody> و <tfoot>.

من خلال استخدام علامة <colgroup>، يمكنك تطبيق النمط على جميع الأعمدة في النص而不 الحاجة إلى إعادة تعيين النمط لكل خلية أو سطر.

إشارة:إذا كنت تريد تعريف خصائص مختلفة لعمود في <colgroup>، فاستخدم علامة <colgroup> داخل علامة <colgroup>. <col> العلامات.

الفرق بين HTML 4.01 وHTML5

لم يعد يدعم HTML5 معظم الخصائص في HTML 4.01.

الخصائص

الخصائص	القيمة	الوصف
align	left 　right 　center 　justify 　char	HTML5 لا يدعمها. يحدد كيفية دعم التوجيه الأفقي للمحتوى داخل مجموعة الأعمدة.
char	character	HTML5 لا يدعمها. يحدد على أي رمز يتم تحديد التوجيه للمحتوى داخل مجموعة الأعمدة.
charoff	number	HTML5 لا يدعمها. يحدد ميلية الرمز الأول للاحتكاك.
span	number	يحدد عدد الأعمدة التي يجب أن تغطيها مجموعة الأعمدة.
valign	top 　middle 　bottom 　baseline	HTML5 لا يدعمها. يحدد كيفية دعم التوجيه العمودي للمحتوى داخل مجموعة الأعمدة.
width	pixels % relative_length	HTML5 لا يدعمها. يحدد عرض مجموعة الأعمدة.

خصائص العالمية

دعم علامة <colgroup> خصائص العالمية في HTML.

خصائص الحدث

دعم علامة <colgroup> خصائص الحدث في HTML.

تسمية HTML: <command> علامة تسمية HTML: <col> علامة