اليوم مع اضافة يحتاجها الكثير منا وهي اضافة جدول داخل المواضيع سأشرح طريقة الاضافة الجدول يكون على الشكل التالي
| العامود الاول | العامود الثاني |
| 2 | 2 |
| 3 | 3 |
| 4 | 4 |
هذا الكود الرئيسي قبل التعديل عليه ويمثل الجدول السابق
<table border="2" bordercolor="#FFFFFF" cellpadding="1" cellspacing="1" style="background-color: #36afdb; color: white; width: 400px;">
<tbody>
<tr>
<td>العامود الاول</td> <td>العامود الثاني</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<tr>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
</tr>
</tbody>
</table>
</div>
اللون الاحمر يمثل لون الاطار او لون الحدود للجدول
اللون الازرق يمثل لون الخلفية للجدول
اللون الوردي يمثل عرض الاطار
اللون الاخضر يمثل لون النص داخل الجدول
............................................................
طريقة زيادة عدد الاعمدة من خلال تحديد العامود الاول الملون ويكون هكذا
<td>العامود الاول</td> <td>العامود الثاني</td><td>العامود الاول</td> <td>العامود الثاني</td>
بعد زيادة عدد الاعمدة يكون بهذا الشكل
اللون الازرق يمثل لون الخلفية للجدول
اللون الوردي يمثل عرض الاطار
اللون الاخضر يمثل لون النص داخل الجدول
............................................................
طريقة زيادة عدد الاعمدة من خلال تحديد العامود الاول الملون ويكون هكذا
<td>العامود الاول</td> <td>العامود الثاني</td><td>العامود الاول</td> <td>العامود الثاني</td>
بعد زيادة عدد الاعمدة يكون بهذا الشكل
| العامود الاول | العامود الثاني | العامود الاول | العامود الثاني |
| 2 | 2 | ||
| 3 | 3 | ||
| 4 | 4 |
<td>3</td>
<td>4</td>
تزيد عددها بتكرارها بنفس الطريقة الاولى للعامود الاول والثاني ويكون بهذا الشكل
<td>3</td>
<td>4</td>
<td>3</td>
<td>4</td>
وهكذا مع البقية الى رقم ثمانية
....................................................
طريقة زيادة الاعمدة لتكون اكثر من الثمانية
وذلك مع نسخ الكود الاخير رقم سبعة وثماني وينسخ هكذا
<tr>
<td>7</td>
<td>8</td>
</tr>
ويضاف اسفل الكود نفسه ويصبح هكذا
<tr>
<td>7</td>
<td>8</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
</tr>
......................................................
تغير لون الخلفية background-color: #36afdb وذلك بتغير الكود الموجود بعد # باللون الذي ترغب بوضعه كلون خلفية
هنا حيث اكواد الالوان
......................................................
تغير لون الحدود للجدول bordercolor="#FFFFFF وذلك بتغير الكود الموجود بعد # باللون الذي ترغب وضعه كلون للحدود هنا حيث كود الالوان
.....................................................
تغير الخط تستطيع تغيره بسهولة اما بتغيره من الكودcolor: white او من لون النص
.....................................................
زيادة عرض الجدول width: 400 وذلك بزيادة الرقم 400 الى العرض الذي تجده مناسباً
.....................................................
طريقة الكتابة داخل الجدول وذلك بتحديد النص وكتابة ماتريد مع تكبير وتصغير النص والتحكم بلونه
