Colspan & Rowspan

การสร้างตารางนั้น แถวแนวนอนเราสามารถมี cell (ช่อง) หรือ 3 cell หรือ 2 cell หรือกี่ cell ก็แล้วแต่ เราจะใช้ตัวแปร colspan และ rowspan ค่าของมันจะเป็นตัวเลขเสมอ

จากตัวอย่างที่แล้ว ให้แถวแรกมี 2 cell แล้วเพิ่ม cell ที 2 ให้กับ row 3 และ row 4

<table border="1" width="100%">
	<tr>
		<td colspan="2">Row 1, cell 1</td>
		<td>Row 1, cell 2</td>
	</tr>
	<tr>
		<td>Row 2, cell 1</td>
		<td>Row 2, cell 2</td>
		<td>Row 2, cell 3</td>
	</tr>
	<tr>
		<td>Row 3, cell 1</td>
		<td rowspan="2">Row 3, cell 2</td>
		<td>Row 3, cell 3</td>
	</tr>
	<tr>
		<td>Row 4, cell 1</td>
		<td>Row 4, cell 3</td>
	</tr>
</table>

ดังที่เห็น เราได้เอา cell ที่ 3 ของ row 1 ออก แล้วเพิ่มตัวแปร colspan ไปที่ row 1 ของแถวแรก สิ่งที่ควรรู้ในการสร้าง cell ที่ span (ขยาย) ข้าม column ไปคือ เราจะ ขยายไปทางขวาเสมอ

ในการสร้าง cell ที่ span ข้าม row เราต้องจำไว้ว่า เราจะขยายไปข้างล่างเสมอ เพราะฉะนั้นเราต้องลบ cell ออก มิฉะนั้นตารางจะยื่นออกมาเกินกว่าที่เราต้องการ