شرح الجداول في لغة html

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

أشكال الجداول:

لاختيار شكل الجدول .. نضيف اسم الشكل إلى خاصية frame إحدى خصائص وسم البداية، كما يوضح الكود التالي:

<table frame="الشكل ">

وإليك أشكال الجداول المتوفرة في الـHTML ومثال لكل نوع:

النتيجة
الكود

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #border">">ff0000">border ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #box">">ff0000">box ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #void">">ff0000">void ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #above">">ff0000">above ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #below">">ff0000">below ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #hsides">">ff0000">hsides ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #vsides">">ff0000">vsides ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #lhs">">ff0000">lhs ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #rhs">">ff0000">rhs ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

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

أشكال الجداول:

لاختيار شكل الجدول .. نضيف اسم الشكل إلى خاصية frame إحدى خصائص وسم البداية، كما يوضح الكود التالي:

<table frame="الشكل ">

وإليك أشكال الجداول المتوفرة في الـHTML ومثال لكل نوع:

النتيجة
الكود

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #border">">ff0000">border ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #box">">ff0000">box ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #void">">ff0000">void ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #above">">ff0000">above ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #below">">ff0000">below ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #hsides">">ff0000">hsides ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #vsides">">ff0000">vsides ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #lhs">">ff0000">lhs ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>

الصف
الأول

الصف
الثاني

<table frame="[color:e959= <span] #rhs">">ff0000">rhs ">
<tr>
<td>الصف</td>
<td>الأول</td>
</tr>
<tr>
<td> الصف</td>
<td>الثاني</td>
</tr>
</table>