بسم الله الرحمن الرحيم والصلاة علي رسول الله اهلا بكم احبائي في الدرس السادس من دورة تعليم لغة HTM موضوع درس اليوم عن الجداول التي تستخدم لعرض بيانات مجدولة
إنشاء الجداول في HTML من الممكن ان يكون صعبا او معقدا لك في الاول لاكن مع التعود والاستمرار وسوف تعرف انه شيئ سهل جدا لاكن فقط قم بتركيز عند مشاهدتك للدورة
وهذا هو مثال للكود :
<table><tr><td>عنوان 1</td><td>عنوان 2</td></tr><tr><td>عنوان 3</td><td>عنوان 4</td></tr></table>
وعندما تقوم بعمل حفظ سوف تظهر لك علي شكل عنواين عادية
الفرق بين <tr> و<td>؟
كما ترى في المثال أعلاه، هذا هو أكثر أمثلة HTML تعقيداً قمنا بعرضه في هذا الدرس حتى الآن، لنقم بتفكيك المثال وشرح كل وسم:
ناك ثلاث عناصر تستخدم لإنشاء أي جدول:
وسم البداية <table> ووسم الإغلاق </table> يبدأ من بينهما الجدول وينتهي، منطقي.
<tr> تعني "table row" وهي العنصر الذي تبدأ من خلاله الصفوف وتنتهي، لا زال الأمر منطقياً.
<td> هي اختصار "table data". هذا الوسم يبدأ وينهي كل خلية في صفوف الجدول، كل هذا بسيط ومنطقي.
هذا ما يحدث في المثال الأول، الجدول يبدأ بوسم <table>، يتبعه وسم <tr> الذي يدل على بداية صف جديد، وهناك خليتان في هذا السطر: <td>خلية 1</td> و<td>خلية 2</td>، ثم نغلق الصف بوسم الإغلاق </tr> ونبدأ آخر <tr> الذي يحوي أيضاً خليتين، ثم نغلق الجدول </table>.
في المثال أعلاه الحدول يحوي صفين وعمودين، ويمكن للجدول أن يحوي عدداً لا نهائياً من الصفوف والأعمدة.
<table>
<tr>
<td>خلية 1</td>
<td>خلية 2</td>
<td>خلية 3</td>
<td>خلية 4</td>
</tr>
<tr>
<td>خلية 5</td>
<td>خلية 6</td>
<td>خلية 7</td>
<td>خلية 8</td>
</tr>
<tr>
<td>خلية 9</td>
<td>خلية 10</td>
<td>خلية 11</td>
<td>خلية 12</td>
</tr>
</table>
والان انتهي درسنا انتظرونا باذن الله في الدرس السابع من دورة تعليم HTML
وسلام عليكم ورحمته الله وبركاته
