7.3 המאפיינים colspan ו-rowspan

בעזרת המאפיינים colspan ו-rowspan , ניתן ליצור טבלאות מתוחכמות יותר. 

טבלה כזאת, לדוגמא, אפשרית רק בעזרת colspan:

שורה ראשונה, תא ראשון	שורה ראשונה, תא שני
שורה שנייה, התא היחיד

כך נראה הקוד של הטבלה הזאת:

---

<table border="1">

<tr>

<td>שורה ראשונה, תא ראשון </td>

<td>שורה ראשונה, תא שני </td>

</tr> 

<tr> 

<td colspan="2" align="center&quot> שורה שנייה, התא היחיד </td;> 

</tr> 

</table>

---

הנה דוגמא נוספת לשימוש במאפיינים הללו:

תא זה רוחבו כשל טור אחד	2	3	4
תא זה הוא ברוחב שני טורים		3	4
תא זה הוא ברוחב שלושה טורים			4
תא זה הוא ברוחב 4 טורים
1	תא זה הוא בגובה 2 שורות	תא זה הוא בגובה 3 שורות	תא זה הוא בגובה 4 שורות
1
1	2
1	2	3

כך נראה הקוד של הטבלה הזאת:

---

<table border=5 cellspacing=1 cellpadding=2>

<tr align=center>

<td>תא זה רוחבו כשל טור אחד</td>

<td>2</td>

<td>3</td>

<td>4</td>

</tr>

<tr align=center>

<td colspan=2>תא זה הוא ברוחב שני טורים</td>

<td>3</td>

<td>4</td>

</tr>

<tr align=center>

<td colspan=3>תא זה הוא ברוחב שלושה טורים</td>

<td>4</td>

</tr>

<tr align=center>

<td colspan=4>תא זה הוא ברוחב 4 טורים</td>

</tr>

<tr align=center>

<td colspan=4 bgcolor=silver><hr size=3 width=300></td>

</tr>

<tr align=center>

<td>1</td>

<td rowspan=2>תא זה הוא בגובה 2 שורות</td>

<td rowspan=3>תא זה הוא בגובה 3 שורות</td>

<td rowspan=4>תא זה הוא בגובה 4 שורות</td>

</tr>

<tr align=center>

<td>1</td>

</tr>

<tr align=center>

<td>1</td>

<td>2</td>

</tr>

<tr align=center>

<td>1</td>

<td>2</td>

<td>3</td>

</tr>

</table>

---

► הקודם הבא ◄