الخاصة frame
للتحكم بشكل ظهور إطارات الجدول
علماً أن هذه الخاصة قد لا تدعمها بعض متصفحات الانترنت
ولها تسعة أشكال :
وهذا الكود :
كود HTML:
<html> <body> <p> خاصة التحكم بطريقة ظهور إطارات الجدول في دورة برمجة الويب على محترفي الكمبيوتر </p> <h4>border</h4> <table frame="border"> <tr> <td>الأول</td> <td>الصف</td> </tr> <tr> <td>الثاني</td> <td>الصف</td> </tr> </table> <h4>box</h4> <table frame="box"> <tr> <td>الأول</td> <td>الصف</td> </tr> <tr> <td>الثاني</td> <td>الصف</td> </tr> </table> <h4>void</h4> <table frame="void"> <tr> <td>الأول</td> <td>الصف</td> </tr> <tr> <td>الثاني</td> <td>الصف</td> </tr> </table> <h4>above</h4> <table frame="above"> <tr> <td>الأول</td> <td>الصف</td> </tr> <tr> <td>الثاني</td> <td>الصف</td> </tr> </table> <h4>below</h4> <table frame="below"> <tr> <td>الأول</td> <td>الصف</td> </tr> <tr> <td>الثاني</td> <td>الصف</td> </tr> </table> <h4>hsides</h4> <table frame="hsides"> <tr> <td>الأول</td> <td>الصف</td> </tr> <tr> <td>الثاني</td> <td>الصف</td> </tr> </table> <h4>vsides</h4> <table frame="vsides"> <tr> <td>الأول</td> <td>الصف</td> </tr> <tr> <td>الثاني</td> <td>الصف</td> </tr> </table> <h4>lhs</h4> <table frame="lhs"> <tr> <td>الأول</td> <td>الصف</td> </tr> <tr> <td>الثاني</td> <td>الصف</td> </tr> </table> <h4>rhs</h4> <table frame="rhs"> <tr> <td>الأول</td> <td>الصف</td> </tr> <tr> <td>الثاني</td> <td>الصف</td> </tr> </table> </body> </html>
الخاصة valign
للتحكم بالانحياز الرأسي لمحتوى الخلايا
لها ثلاثة أشكال
الوضع الافتراضي بدون وضع هذه الخاصة يكون في الوسط
و الوضع bottom للانحياز السفلي
و الوضع top للانحياز العلوي
مثال توضيحي :
كود HTML:
<table border="1" width="500px"> <tr> <td height="100px" valign="top">أعلى</td> <td valign="bottom">أسفل</td> <td>وسط</td> </tr> </table>
دمج الخلايا معاً في لغة html
الخاصة colspan
هذه الخاصة تطبق فقط على الخلايا td
و تستخدم لدمج الخلايا المتجاورة بشكل أفقي معاً
لاحظ الكود التالي:
كود HTML:
<table border="1" width="500px"> <tr> <td colspan="3">دورة برمجة الويب على محترفي الكمبيوتر</td> </tr> <tr> <td>Html,css</td><td>Javascript</td><td>Php,mysql,ajax,xml</td> </tr> </table>
لاحظ أن الرقم 3 هو عدد الخلايات التي تم دمجها
و بشكل عام يجب أن تتذكر دوماً أن عدد الخلايا في كل سطر يجب أن يكون نفسه
ففي الكود السابق يوجد في السطر الثاني 3 خلايا و لا يمكن أن نضع الرقم 2 عند الخاصة colspan
وهذه يجب مراعاتها دوماً " عدد الخلايا في كل سطر يجب أن يبقى نفسه حتى نهاية الجدول "
الخاصة rowspan
تستخدم لدمج الخلايا المتجاورة بشكل عمودي معاً
مثال :
كود HTML:
<table border="1" width="200px"> <tr> <td rowspan="2">shabsug.uni.me</td> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> </table>
شكل هذه التعليمة مزعج عند التعامل لأول مرة
ولكن مع الممارسة تعتاد عليها
ليست هناك تعليقات:
إرسال تعليق