ReadmeGen - عنصر <table>

الاستخدام:

يتم استخدام علامة <table> لإنشاء جدول يضم صفوف وأعمدة. كل صف يمثله عنصر <tr>، وكل عمود يمثله عنصر <td>.

الصفات:

border: تحدد سمك حدود الجدول (ببكسل)
width: تحدد عرض الجدول ( كنسبة مئوية أو وحدات بيكسل أو وحدات أخرى)
height: تحدد ارتفاع الجدول ( كنسبة مئوية أو وحدات بيكسل أو وحدات أخرى)
align: محاذاة الجدول (left, center, right)

أمثلة:

جدول بسيط:

<table>
  <tr>
    <td>خلية</td>
    <td>خلية</td>
  </tr>
  <tr>
    <td>خلية</td>
    <td>خلية</td>
  </tr>
</table>

جدول مُحاذاة لليمين بعرض 50%:

<table align="right" width="50%">
  <tr>
    <td>خلية</td>
    <td>خلية</td>
  </tr>
  <tr>
    <td>خلية</td>
    <td>خلية</td>
  </tr>
</table>

استكشاف علامة <table>

<!DOCTYPE html>
<html>
<head>
  <title>استكشاف علامة table</title>
</head>
<body>
  <h1>جدول مثال</h1>
  <table border="1" width="50%">
    <tr>
      <th>اسم</th>
      <th>العمر</th>
    </tr>
    <tr>
      <td>جون</td>
      <td>30</td>
    </tr>
    <tr>
      <td>ماري</td>
      <td>25</td>
    </tr>
  </table>
</body>
</html>

ملاحظة إضافية:

لتحسين إمكانية الوصول، يُنصح باستخدام عنصر <caption> لتوفير عنوان الجدول.