الجداول في الهتمل: الخلية الفارغة، إضافة الصور والألوان، وإتجاه النص
بسم الله الرحمن الرحيم
الخلية الفارغة في الجدول Empty Cells in a Table :
<table border="1">
<tr>
<td>الصف 1, الخلية 1</td>
<td>الصف 1، الخلية 2</td>
</tr>
<tr>
<td>الصف 2، الخلية 1</td>
<td></td>
</tr>
</table>
النتيجة:
الصف 1, الخلية 1 |
الصف 1، الخلية 2 |
الصف 2، الخلية 1 |
|
- في حال ترك مكان الخلية مبهم(فارغ) في الجدول: نضع قيمة المسافة الفارغة بالأسكي( أي ) كبيان في الخلية كالتالي:
<table border="1">
<tr>
<td>الصف 1, الخلية 1</td>
<td>الصف 1، الخلية 2</td>
</tr>
<tr>
<td>الصف 2، الخلية 1</td>
<td> </td>
</tr>
</table>
النتيجة:
الصف 1, الخلية 1 |
الصف 1، الخلية 2 |
الصف 2، الخلية 1 |
|

إضافة الصور والألوان على الجداول:
- لجعل خلفية الجدول عبارة عن صورة : نكتب وسم البداية بهذا الشكل:
<table border="1" background="عنوان الصورة على الإنترنت">
مثال:
النتيجة |
الكود |
الصف 1, الخلية 1 |
الصف 1، الخلية 2 |
الصف 2، الخلية 1 |
الصف 2، الخلية 2 | |
<table border="1" background="newspics/rose.gif"> <tr> <td>الصف 1, الخلية 1</td> <td>الصف 1، الخلية 2</td> </tr> <tr> <td>الصف 2، الخلية 1</td> <td>الصف 2، الخلية 2</td> </tr> </table> |
- لإضافة لون على خلفية الجدول: نكتب وسم البداية بهذا الشكل:
<table border="1" bgcolor="red">
مثال:
النتيجة |
الكود |
الصف 1, الخلية 1 |
الصف 1، الخلية 2 |
الصف 2، الخلية 1 |
الصف 2، الخلية 2 | |
<table border="1" bgcolor="pink"> <tr> <td>الصف 1, الخلية 1</td> <td>الصف 1، الخلية 2</td> </tr> <tr> <td>الصف 2، الخلية 1</td> <td>الصف 2، الخلية 2</td> </tr> </table> |
- لإضافة لون على خلية .. نكتب في وسم الخلية التالي:
<td bgcolor="red">خلية ملونة</td>
<td background="عنوان الصورة على الانترنت">cell image</td>
مثال:
النتيجة |
الكود |
|
<table border="1"> <tr> <td bgcolor="pink">الصف</td> <td>الأول</td> </tr> <tr> <td> الصف</td> <td background="newspics/rose.gif">الثاني</td> </tr> </table> |

لتحديد اتجاه النص ( محاذاة لليمين – محاذاة لليسار – توسط ): نكتب وسم الخلية بأحد الأشكال التالية:
<td align="left">محاذاة لليسار</th>
<td align="center">توسط</th>
<td align="right">محاذاة لليمين</th>
النتيجة:
محاذاة لليمين |
توسط |
محاذاة لليسار |
