عنصر <table> لنشاء جداول
مثال
مثال
<table border="1">
<tr>
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
<tr>
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
النتجه
1-1 | 1-2 |
2-1 | 2-2 |
مثال دمج الخلايا افقيا
<table border="1">
<tr>
<td COLSPAN="2">1-1 1-2</td>
<tr>
<td COLSPAN="2">1-1 1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
النتجه
1-1 1-2 | |
2-1 | 2-2 |
دمج الخلايا عمودا
<table border="1">
<tr>
<td ROWSPAN="2"> 1-1 2-1</td>
<td>2-1</td>
</tr>
<tr>
<tr>
<td ROWSPAN="2"> 1-1 2-1</td>
<td>2-1</td>
</tr>
<tr>
<td>2-2</td>
</tr>
</table>
</tr>
</table>
النتجه
1-1 2-1 | 2-1 |
2-2 |
التفاصيل
<table Attribute="Value">
سمات اختيارية
<thead> , <tr>,<thead>, <tfoot> , <tbody>
Attribute | Value | الوصف |
align | right left center justify char | محاذاه الوسام الذي جانب الجدول او الخليه |
char | character | |
charoff | number | |
valign | top middle bottom baseline | بمحاذاة محتوى داخل الخليه |
سمات اختيارية
<th>
Attribute | Value | الوصف |
abbr | text | تحدد صيغة مختصرة من المحتوى في خلية |
align | left right center justify char | محاذاة المحتوى في خلية |
axis | category_name | خلايا يصنف |
bgcolor | rgb(x,x,x) #xxxxxx colorname | يحدد لون الخلفية للخلية |
char | character | |
charoff | number | تعيين عدد من الشخصيات المحتوى سيكون الانحياز من الحرف المحدد بواسطة السمة شار |
colspan | number | تعيين عدد الأعمدة عمودا دمج الخلايا |
height | pixels % | مجموعات ارتفاع خلية |
nowrap | nowrap | تحدد أن المحتوى داخل خلية لا ينبغي التفاف |
rowspan | number | تعيين عدد الصفوف دمج الخلايا |
scope | col colgroup row rowgroup | يحدد وسيلة لخلايا رأس المنتسبين وخلايا البيانات في جدول |
valign | top middle bottom baseline | عمودي بمحاذاة المحتوى في خلية |
width | pixels % | تحديد عرض خلية |
ليست هناك تعليقات:
إرسال تعليق