مثال
جدول HTML بسيطة، مع اثنين من خلايا الجدول:
<table>
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table>
انها محاولة لنفسك » أكثر "انها محاولة لنفسك" الأمثلة أدناه.
تعريف واستخدام
و <td> وتعرف العلامة الخلية القياسية في جدول HTML.
جدول HTML على نوعين من الخلايا:
- خلايا رأس - يحتوي على معلومات رأس (تم إنشاؤه مع <th> عنصر)
- خلايا القياسية - تحتوي على بيانات (تم إنشاؤه مع <td> عنصر)
النص في <th> العناصر هي جريئة وتركزت بشكل افتراضي.
النص في <td> العناصر هي منتظمة وافتراضيا محاذاة إلى اليسار.
دعم المتصفح
| العنصر | |||||
|---|---|---|---|---|---|
| <td> | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
نصائح وملاحظات
نصيحة: استخدم colspan و rowspan سمة للسماح للفترة المحتوى عبر الأعمدة أو الصفوف متعددة!
الخلافات بين HTML 4.01 و HTML5
تتم إزالة كافة سمات التخطيط في HTML5.
الصفات
| السمة | القيمة | وصف |
|---|---|---|
| abbr | text | غير معتمدة في HTML5. يحدد صيغة مختصرة من المحتوى في خلية |
| 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 | غير معتمدة في HTML5. يحدد طريقة لربط خلايا الرأس وخلايا البيانات في الجدول |
| valign | top middle bottom baseline | غير معتمدة في HTML5. عمودي بمحاذاة المحتوى في زنزانة |
| width | pixels % | غير معتمدة في HTML5. يحدد عرض خلية |
السمات العامة
و <td> كما يدعم بطاقة و السمات العامة في HTML .
سمات الحدث
و <td> كما يدعم هذا الكود في حدث سمات في HTML .
انها محاولة لنفسك - أمثلة
رؤوس الجدول
كيفية إنشاء رؤوس الجدول.
الجدول مع تعليق
جدول HTML مع التعليق.
الكلمات داخل الجدول
كيفية عرض العناصر داخل العناصر الأخرى.
C ملتعلمي اللغة اإلنكليزية التي تمتد أكثر من صف واحد / العمود
كيفية تعريف خلايا الجدول التي تمتد أكثر من صف واحد أو عمود واحد.
صفحات ذات صلة
HTML البرنامج التعليمي: جداول HTML
HTML DOM إشارة: TableData كائن
CSS دروس: جداول التصميم
الإعدادات الافتراضية CSS
معظم المتصفحات عرض <td> العنصر مع القيم الافتراضية التالية:
td {
display: table-cell;
vertical-align: inherit;
}