Header Ads

HTML - وسم caption

مثال
جدول مع عنوان خاص به :
<table width=100% border="1">
<caption>المعهد العربي للبرمجة</caption>
<tr>
<th>اسم الدورة</th>
<th>المدة</th>
</tr>
<tr>
<td>HTML</td>
<td>شهرين</td>
</tr>
</table>





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


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

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




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


يستخدم الوسم <caption> لإنشاء عنوان للجدول .

يجب إدراج وسم <caption> بعد وسم الجدول <table> مباشرة .

يجب استخدام عنوان واحد <caption> لكل جدول .




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


لايوجد




ملاحظة : بشكل افتراضي سيقوم عنوان الجدول بجعل النص في الوسط وأعلى الجدول لكن باسخدام لغة التصميم CSS يمكن التعديل عليه من خلال استخدام الخاصيات  "caption-side"و "text-align" حيث يمكن استخدامهم لتحديد محاذاة النص و تعيين مكان عنوان الجدول .




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


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















اللاحقةالقيمةالشرحDTD
alignleftright
top
bottom
ملغيّة . يمكن استخدام لغة التصميم الانسابية لتحديد محاذاة النص .TF





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


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



































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

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




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


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






































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

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




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

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