Header Ads

HTML - الوسم col



تم تعيين لون الخلفية للأعمدة الثلاثة للجدول باستخدام الوسوم <colgroup> و <col> .
<table border="1">
<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>
<tr>
<td>5869207</td>
<td>My first CSS</td>
<td>$49</td>
</tr>
</table>




المتصفحات الداعمة


متوافق مع متصفح سفاري متوافق مع متصفح اوبرا متوافق مع متصفح انترنت اكسبلورر متوافق مع متصفح فايرفوكس متوافق مع متصفح جوجل كروم


ان وسم<col> متوافق مع جميع المتصفحات الرئيسية




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


يستخدم الوسم <col> لإنشاء قيم لواحق لعمود أو أكثر في الجدول . يعتبر الوسم <col> مهم جداً لتطبيق التصميمات لأعمدة الجدول عوضاً عن تكرار التصميم لكل خلية أو لكل سطر .

يستخدم الوسم <col> داخل وسم الجدول <table> و داخل وسم <colgroup> .




ملاحظات و تعليمات


يجب استخدام لغة التصميم CSS لتطبيق تصميمات معينة الى وسم <col> لعمود أو أكثر في الجدول من حيث لون الخلفية و العرض و الحدود .

يمكنك أيضاً مشاهدة شرح وسم <colgroup> .




الاختلاف بين HTML و XHTML


في لغة HTML : يمكن عدم إغلاق وسم <col> .
في لغة XHTML : يجب إغلاق وسم <col> .




اللواحق الاختيارية


تشير DTD الى اللواحق المسموح استخدامها في لغة HTML 4.01/XHTML 1.0 DTD .
S=Strict, T=Transitional, and F=Frameset













































اللاحقةالقيمةالشرحDTD
alignleftright

center

justify

char
تحدد محاذاة المحتوى المتعلق بوسم <col> .STF
charcharacterتحدد محاذاة المحتوى المتعلق بحرف و بوسم <col> .STF
charoffnumberتحديد عدد الأحرف للمحتوى الذي سيتم محاذاته من الأحرف المحددة باللاحقة charSTF
spannumberتحديد رقم عدد الأعمدة لوسم <col> باستخدام اللاحقة spanSTF
valigntopmiddle

bottom

baseline
تحديد المحاذاة الشاقولية للمحتوى التابع لوسم <col> .STF
width%pixels

relative_length
تحديد عرض عنصر <col>STF





اللواحق الأساسية


يدعم وسم <col> عدداً من اللواحق التالية











































اللاحقةالشرح
classتستخدم لتحديد اسم أو أكثر لتصنيف أو عنصر معين ( غالباً مايستخدم مع ملف التصميم css )
idتستخدم لتحديد id مخصص لعنصر معين
styleتستخدم لتحديد تصميم CSS داخلي لعنصر معين .
titleتحديد معلومات اضافية عن العنصر .
dirتحديد جهة النص لمحتوى العنصر .
langتحدد اللغة لمحتوى العنصر .
xml:langتحدد لغة محتوى العنصرلصفحة XHTML .
accesskeyتحديد وسم الاختصار لتفعيل أو التركيز على العنصر .
tabindexتحدد رقم الاندكس للعنصر

لمزيد من اللواحق يمكنك التوجه الى قائمة اللواحق الأساسية




لواحق الأحداث events


يدعم وسم <col> عدداً من اللواحق التالية






































اللاحقةالقيمةالشرح
onblurscriptيستخدم السكربت عند عدم التركيز على العنصر .
onchangescriptيستخدم السكربت عند تغير العناصر .
onfocusscriptيستخدم السكربت عند حصول العنصر على التركيز
onresetscriptيستخدم السكربت عند ضبط النموذج .
onselectscriptيستخدم السكربت عند اختيار العناصر .
onsubmitscriptيستخدم السكربت عند الضغط على ارسال للنموذج .

لمزيد من الأحداث يمكنك التوجه الى قائمة الأحداث الأساسية




ليست هناك تعليقات:

يتم التشغيل بواسطة Blogger.