دليل مرجعي لـ HTML

مجموعة علامات HTML

علامة HTML: <colgroup>علامة HTML: <code>

علامة HTML: <col>

تعريف عنصر HTML <col> لتحديد عمود في الجدول ويستخدم لتحديد السياق المشترك على جميع الخلايا المشتركة. عادة ما يكون داخل عنصر <colgroup>.

مثال على الإنترنت

تعيين علامات <colgroup> و <col> لون الخلفية للأعمدة الثلاثة في الجدول:

مثال

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>موقع تعليمات الأساسيات (oldtoolbag.com)</title>　
</head>
<body>
<table>
　　<colgroup>
　　　　<col span="3" style="background-color:#FFF3E0;">
　　　　<col style="background-color:orange;">
　　</colgroup>
　　<thead>
　　　　<tr>
　　　　　　<th>Item</th>
　　　　　　<th>Quantity</th>
　　　　　　<th>Price</th>
　　　　　　<th>Total</th>
　　　　</tr>
　　</thead>
　　<tbody>
　　　　<tr>
　　　　　　<td>البرتقال</td>
　　　　　　<td>45</td>
　　　　　　<td>$2</td>
　　　　　　<td>$90</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

اختبار لـ ‹/›

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

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

IEFirefoxOperaChromeSafari

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

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

استخدام علامة <col><colgroup>جزء منه لتحديد خصائص العمود.

من خلال استخدام علامة <col>، يمكن تطبيق النمط على العمود بأكمله دون الحاجة إلى إعادة تعيين النمط لكل خلية أو كل سطر.

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

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

الفرق بين HTML و XHTML

في HTML، لا يوجد علامة إنهاء لـ <col>.

في XHTML،يجب إغلاق <col> بشكل صحيح.

الخصائص

الخصائص	القيمة	الوصف
align	اليسار 　اليمين 　الوسط 　justify 　char	HTML5 غير مدعوم. يحدد الطريقة التي يجب أن تكون فيها محتويات العنصر <col> مقلوبة.
char	character	HTML5 غير مدعوم. يحدد الرمز الذي يجب استخدامه للضبط مع محتويات العنصر <col>.
charoff	رقم	HTML5 غير مدعوم. يحدد مقدار انحراف الرمز الأول للاضطراب.
span	رقم	يحدد عدد الأعمدة التي يجب أن يغطيها عنصر <col>.
valign	العملى 　الوسط 　الأسفل 　السطر الأساسي	HTML5 غير مدعوم. يحدد الطريقة التي يجب أن تكون فيها محتويات العنصر <col> مقلوبة.
عرض	% 　بكسل 　الطول النسبي	HTML5 غير مدعوم. يحدد عرض عنصر <col>.

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

دعم <col> العنوان خصائص العالمية لـ HTML.

خصائص الحدث

دعم <col> العنوان خصائص الحدث لـ HTML.

علامة HTML: <colgroup>علامة HTML: <code>