HTML <th> Tag

❮ السابق التالي ❯

مثال

جدول HTML بسيطة مع خليتين رأس وخلايا البيانات اثنين:

<table>
<tr>
   <th>Month</th>
   <th>Savings</th>
</tr>
<tr>
   <td>January</td>
   <td>$100</td>
</tr>
</table>

انها محاولة لنفسك »

أكثر "انها محاولة لنفسك" الأمثلة أدناه.

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

و <th> تعرف العلامة خلية رأس في جدول HTML.

جدول HTML على نوعين من الخلايا:

خلايا رأس - يحتوي على معلومات رأس (تم إنشاؤه مع <th> عنصر)
خلايا القياسية - تحتوي على بيانات (تم إنشاؤه مع <td> عنصر)

النص في <th> العناصر هي جريئة وتركزت بشكل افتراضي.

النص في <td> العناصر هي منتظمة وافتراضيا محاذاة إلى اليسار.

دعم المتصفح

العنصر
<th>	نعم فعلا	نعم فعلا	نعم فعلا	نعم فعلا	نعم فعلا

نصائح وملاحظات

نصيحة: استخدم colspan و rowspan سمة للسماح للفترة المحتوى عبر الأعمدة أو الصفوف متعددة!

الخلافات بين HTML 4.01 و HTML5

تتم إزالة كافة سمات التخطيط في HTML5.

الصفات

السمة	القيمة	وصف
abbr	text	يحدد صيغة مختصرة من المحتوى في خلية رأس
align	left right center justify char	غير معتمدة في HTML5. محاذاة محتوى في زنزانة رأس
axis	category_name	غير معتمدة في HTML5. يصنف خلايا الرأس
bgcolor	rgb(x,x,x) #xxxxxx colorname	غير معتمدة في HTML5. تحدد لون خلفية خلية رأس
char	character	غير معتمدة في HTML5. محاذاة محتوى في زنزانة رأس إلى حرف
charoff	number	غير معتمدة في HTML5. يحدد عدد الأحرف سيتم محاذاة المحتوى من الحرف المحدد من قبل char السمة
colspan	number	يحدد عدد الأعمدة خلية رأس يجب أن تمتد
headers	header_id	يحدد واحدة أو أكثر من الخلايا رأس يرتبط خلية ل
height	pixels %	غير معتمدة في HTML5. يحدد ارتفاع خلية رأس
nowrap	nowrap	غير معتمدة في HTML5. تنص على أن محتوى داخل خلية الرأس لا ينبغي أن يلتف
rowspan	number	يحدد عدد الصفوف خلية رأس يجب أن تمتد
scope	col colgroup row rowgroup	يحدد ما إذا كانت الخلية رأس هو رأس عمود أو صف أو مجموعة من الأعمدة أو الصفوف
sorted	reversed number reversed number number reversed	يحدد الاتجاه نوع من عمود
valign	top middle bottom baseline	غير معتمدة في HTML5. عمودي بمحاذاة المحتوى في خلية رأس
width	pixels %	غير معتمدة في HTML5. يحدد عرض خلية رأس

السمات العامة

و <th> يدعم العلامة أيضا على السمات العامة في HTML .

سمات الحدث

و <th> كما يدعم هذا الكود في حدث سمات في HTML .

انها محاولة لنفسك - أمثلة

رؤوس الجدول
كيفية إنشاء رؤوس الجدول.

الجدول مع تعليق
جدول HTML مع التعليق.

الكلمات داخل الجدول
كيفية عرض العناصر داخل العناصر الأخرى.

C ملتعلمي اللغة اإلنكليزية التي تمتد أكثر من صف واحد / العمود
كيفية تعريف خلايا الجدول التي تمتد أكثر من صف واحد أو عمود واحد.

صفحات ذات صلة

HTML البرنامج التعليمي: جداول HTML

HTML DOM إشارة: TableHeader كائن

CSS دروس: جداول التصميم

الإعدادات الافتراضية CSS

معظم المتصفحات عرض <th> العنصر مع القيم الافتراضية التالية:

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;
}