HTML Tutorial

عنصر <col>

إستخدام <col>

تُستخدم علامة <col> لإنشاء أعمدة في جدول، وتحدد خصائص كل عمود مثل العرض والمحاذاة.

خصائص <col>

  • span: عدد الأعمدة التي ستؤثر عليها العلامة.
  • width: عرض العمود (نسبة أو وحدات بكسل)
  • align: محاذاة المحتوى في العمود (يسار أو يمين أو مركز)

أمثلة مع <col>

<table>
  <col width="50%">
  <col width="25%" align="right">
  <col width="25%">
  <tr>
    <td>بيانات العمود 1</td>
    <td>بيانات العمود 2</td>
    <td>بيانات العمود 3</td>
  </tr>
</table>

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

لإنشاء جدول بعمودين بعرض 50%، وعمود واحد بعرض 25% ومحاذاة يمين:

<table>
  <col width="50%"/>
  <col width="25%" align="right"/>
  <tr>
    <td>بيانات العمود 1</td>
    <td>بيانات العمود 2</td>
  </tr>
</table>