أشكال الجداول في الـHTML

أشكال الجداول في الـHTML

بسم الله الرحمن الرحيم

أشكال الجداول:
لاختيار شكل الجدول .. نضيف اسم الشكل إلى خاصية frame إحدى خصائص وسم البداية، كما يوضح الكود التالي:
<table frame="الشكل ">
وإليك أشكال الجداول المتوفرة في الـHTML ومثال لكل نوع:
النتيجة الكود
<table frame="border"><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الأول</td></tr><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الثاني</td></tr></table> <table frame="border">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>
<table frame="box"><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الأول</td></tr><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الثاني</td></tr></table> <table frame="box">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>
<table frame="void"><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الأول</td></tr><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الثاني</td></tr></table> <table frame="void">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>
<table frame="above"><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الأول</td></tr><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الثاني</td></tr></table> <table frame="above">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>
<table frame="below"><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الأول</td></tr><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الثاني</td></tr></table> <table frame="below">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>
<table frame="hsides"><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الأول</td></tr><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الثاني</td></tr></table> <table frame="hsides">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>
<table frame="vsides"><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الأول</td></tr><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الثاني</td></tr></table> <table frame="vsides">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>
<table frame="lhs"><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الأول</td></tr><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الثاني</td></tr></table> <table frame="lhs">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>
<table frame="rhs"><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الأول</td></tr><tr><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الصف</td><td style="color: rgb(0, 100, 0); font-weight: bold; font-size: 16px; font-family: Helvetica,Arial;">الثاني</td></tr></table> <table frame="rhs">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>
تحياتي

موضوع في غاية الروعة و الجمال

تسلم ايديك واصل بهذا المجهود الرائع

تحياتي

موضوع في غاية التنظيم و التنسيق

شكرا لك على الموضوع الرائع و المتميز

لك الف عافية اخي الكريم

تقبل مروري

وشكرا

جزاك لله كل خيرا اخي و بانتظار ابداعك الجديد و تسلم اناملك المبدعة و الفنانة خيو
اخوكم نادر