تقديم مجموعة من الشروحات والمواضيع التي تهم بالحاسوب والانترنت من حيث الاستخدام والانشاء والتصميم والحماية، مع الاهتمام بمدونات بلوجر ومواقع التواصل الاجتماعي خصوصا فيسبوك وتويتر

النشرة البريدية @

عناصر إدراج الجداول

دروس، شرح، طريقة، بلوجر

تحتوي هذه المقالة على ما يلي

عناصر إدراج الجداول
أهلا و سهلا بكم من جديد،
سنتعرف اليوم على طريقة إدراج جدول في موقع أو مدونة بلوجر من خلال مجموعة من العناصر الخاصة بإدراج الجداول، كما سنتعلم كيفية التحكم في عدد خلاياه أفقيا وعموديا بأي شكل نريد.

عناصر الجداول

هناك ثلاث عناصر تستخدم لإنشاء أي جدول:
<table>
        <tr> <td>خلية 1</td> <td>خلية 2</td> </tr>
        <tr> <td>خلية 3</td> <td>خلية 4</td> </tr>
</table>
العنصر <table> هو الذي يحدد بداية الجدول ونهايته.
العنصر <tr> يعني "table row" وهو الذي يحدد بداية الصفوف الأفقية ونهايتها.
العنصر <td> يعني "table data" وهوالذي يحدد بداية كل خلية (خانة) في صفوف الجدول ونهايتها.

خصائص الجداول

<table border="1"  width="30%">
<td align="right" valign="top">
الخاصية border تحدد سمك الإطار حول الجدول بالكبسل.
الخاصية width تحدد عرض الجدول بالكبسل أو بالنسبة المؤية لمقياس الشاشة.
الخاصية align تحدد المحاذاة الأفقية لمحتويات الجدول أو الصف أو الخلية إلى اليمين أو اليسار أو في المنتصف .
الخاصية valign يحدد المحاذاة الرأسية لمحتويات الخلية إلى الأعلى أو الأسفل أو المنتصف.

خاصيتين إضافيتين

الخاصية Colspan، تستخدم في الوسم <td> لتحدد عدد الأعمدة التي ستتمدد لها الخلية

بتحديد colspan بالقيمة "3" قامت الخلية في الصف الأول بالتمدد لثلاثة أعمدة
<table border="1">
  <tr>
<td colspan="3">Cell 1</td>
  </tr>
  <tr>
<td>خلية 2</td>
<td>خلية 3</td>
<td>خلية 4</td>
  </tr>
</table>

الخاصية rowspan، تحدد عدد الصفوف التي ستقوم الخلية بالتمدد فوقها:

<table border="1">
  <tr>
<td rowspan="3">خلية 1</td>
<td>خلية 2</td>
  </tr>
  <tr>
<td>خلية 3</td>
  </tr>
  <tr>
<td>خلية 4</td>
  </tr>
</table>

ليست هناك تعليقات :

أضف تعليق