English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
علامة <th> في HTML تعرف خلية عنوان، يمكن أن تظهر في السطر الأول من جدول HTML. سيقوم المتصفح بعرض النص الذي يظهر بين علامات <th> بشكل غامق، متحاذي الوسط. عادة ما تُسمى أيضًا عنصر <th>.
جداول HTML، تحتوي على خلية رأسية زوجية وخلية بيانات زوجية:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>استخدام علامة th HTML (موقع دروس البرمجة الأساسية oldtoolbag.com)</title> </head> <body> <table border="1"> <tr> <th>عنوان العمود 1</th> <th>عنوان العمود 2</th> <th>عنوان العمود 3</th> </tr> <tr> <td>بيانات في العمود 1، السطر 2</td> <td>بيانات في العمود 2، السطر 2</td> <td>بيانات في العمود 3، السطر 2</td> </tr> </table> </body> </html>اختبار لمعرفة ‹/›
في هذا مثال على مستند HTML5، قمنا بإنشاء جدول باستخدام علامة <table>، يحتوي على 3 أعمدة و 2 صفوف. يحتوي الصف الأول على 3 خلايا عنوان معينة باستخدام علامة <th>. يحتوي الصف الثاني على خلايا معيارية معينة باستخدام علامة <td>.
IEFirefoxOperaChromeSafari
يدعم جميع المتصفحات الشائعة علامة <th>.
تعريف علامة <th> تعريف خلية العنوان في جدول HTML.
يوجد نوعان من الخلايا في جدول HTML:
خلية رأس - تحتوي على معلومات الرأس (مكونة من علامة <th>)
خلية معيارية - تحتوي على بيانات (مكونة من <td> إنشاء عنصر
عادةً ما يتم عرض النص في علامة <th> كنص مائل ومركز.
عادةً ما يكون النص في علامة <td> نصًا عاديًا مُسندًا إلى اليسار.
<th> هو علامة خلية العنوان، يمكن أن تظهر في الصف الأول لجدول HTML. يمكن تعريف علامة <th> داخل علامة <thead>، مما يوفر بعض المزايا في المتصفحات، ولكن هذا اختياري.
إشارة:إذا كنت بحاجة إلى تمرير محتوى عبر عدة صفوف أو أعمدة، استخدم صفات colspan وrowspan!
لم تعد بعض الصفات في HTML 5 تدعم في HTML 4.01.
| صفة | قيمة | وصف |
|---|---|---|
| abbr | text | HTML5 لا يدعم ذلك. يحدد النسخة المختصرة لمحتوى خلية العنوان. |
| align | left right center justify char | HTML5 لا يدعم ذلك. يحدد طريقة التوجيه الأفقية لمحتوى خلية العنوان. |
| axis | category_name | HTML5 لا يدعم ذلك. يقوم بتقسيم خلية العنوان. |
| bgcolor | rgb(x,x,x) #xxxxxx colorname | HTML5 لا يدعم ذلك. تم إزالة HTML 4.01. يحدد لون الخلفية لخلية العنوان. |
| char | character | HTML5 لا يدعم ذلك. يحدد حرف التشكيل الذي يتم استخدامه للتحجيم المحتوى. |
| charoff | number | HTML5 لا يدعم ذلك. يحدد مقدار انحراف حرف التشكيل. |
| colspan | number | يحدد عدد الأعمدة التي يمكن أن تتمدد فيها خلية العنوان. |
| headers | header_id | يحدد خلية العنوان المرتبطة بجهاز العنوان. |
| height | pixels % | HTML5 لا يدعم ذلك. تم إزالة HTML 4.01. يحدد طول خلية العنوان. |
| nowrap | nowrap | HTML5 لا يدعم ذلك. تم إزالة HTML 4.01. يحدد ما إذا كانت محتويات خلية العنوان تستمر في الصف التالي. |
| rowspan | number | يحدد عدد الصف الذي يمكن أن تتمدد فيه خلية العنوان. |
| scope | col colgroup row rowgroup | يحدد ما إذا كانت خلية العنوان هي رأس الصف أو العمود أو مجموعة الصف أو مجموعة العمود. |
| valign | top middle bottom baseline | HTML5 لا يدعم ذلك. يحدد طريقة ترتيب محتوى خلية الرأس بشكل عمودي. |
| width | pixels % | HTML5 لا يدعم ذلك. تم إزالة HTML 4.01. يحدد عرض خلية الرأس. |
<th> العلامة تدعم خصائص العالمية في HTML.
<th> العلامة تدعم جميع خصائص الأحداث في HTML.
الخلايا التي تعبر عن الصف أو العمود
هذا المثال يوضح كيفية تعريف خلايا جدول تعبر عن صف أو عمود.
العلامات داخل الجدول
هذا المثال يوضح كيفية عرض العناصر داخل عناصر مختلفة.
حشوة الخلية (Cell padding)
هذا المثال يوضح كيفية استخدام حشوة الخلية لإنشاء مساحة بين محتوى الخلية والهوامش.
مسافة الخلية (Cell spacing)
هذا المثال يوضح كيفية استخدام مسافة الخلية لزيادة المسافة بين الخلايا.
دليل تعليمات HTML:جداول HTML
دليل مرجع HTML DOM:Th الكائن