الجداول في الهتمل: الخلية الفارغة، إضافة الصور والألوان، وإتجاه النص
بسم الله الرحمن الرحيم
الخلية الفارغة في الجدول 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="http://www.c4arab.com/images/lessons/databases/mysql/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="http://www.c4arab.com/images/lessons/databases/mysql/rose.gif">الثاني</td>
</tr>
</table> |
لتحديد اتجاه النص ( محاذاة لليمين – محاذاة لليسار – توسط ): نكتب وسم الخلية بأحد الأشكال التالية:
<td align="left">محاذاة لليسار</th>
<td align="center">توسط</th>
<td align="right">محاذاة لليمين</th>
النتيجة:
محاذاة لليمين |
توسط |
محاذاة لليسار |
