1.9 KiB
1.9 KiB
title | localeTitle |
---|---|
Tables | الجداول |
تحديد جدول HTML
يتم تعريف جدول HTML مع العلامة.
يتم تعريف كل صف الجدول بـ
العلامة. داخل الصف قد تكون هناك رؤوس جدول أو بيانات جدول.
- يتم تعريف رأس الجدول مع
العلامة. بشكل افتراضي ، تكون عناوين الجدول غامقة ويتم توسيطها.* يتم تعريف بيانات الجدول / الخلية مع
العلامة.
قد يتضمن جدول HTML أكثر تعقيدًا أيضًا عناصر <caption>
و <col>
و <colgroup>
و <thead>
و <tfoot>
و <tbody>
في ذلك.
مثال بسيط على الجدول
`
Firstname | Lastname | Age |
---|---|---|
Jill | Smith | 50 |
Eve | Jackson | 94 |
مثال الجدول مع مزيد من المعلومات الدلالية
`
<html>
<body>
<table>
<thead>
<tr>
<th>Item</th>
<th>Amount</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Apple</td>
<td>10</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Peach</td>
<td>15</td>
</tr>
<tr>
<td>Watermelon</td>
<td>3</td>
</tr>
</tbody>
</table>
</body>
</html>
`
نتيجة:
بند
كمية
تفاحة
10
خوخ
15
البطيخ
3