Aşağıda basit bir tablo örneği görülmektedir : 

<table>
	<tr><td> 11 eleman  <td> 12 elemen
	<tr><td> 21 eleman <td> 22 eleman
</table>

Yukarıdaki örnekte 2 satır ve her satırda 2 sütun gözükecektir. 

Aşağıda basit bir colspan kullanım örneği bulunmaktadır : 

<table>
	<tr><td colspan="2">1111<td>12 elemen
	<tr><td>21<td>22
</table>

Yukarıda tablonun ilk sütununun genişliği ikinci sütununun iki katı olacaktır. 

Aşağıdaki rowspan kullanılan bir örnek görülmektedir : 

<table>
	<tr>
		<td rowspan="4"><img src="test.gif">
		<td>1
	<tr>
		<td>2
	<tr>
		<td>3
	<tr>
		<td>4
</table>

Yukarıdaki örnekte ilk hücredeki resim  , diğer dört hücrenin satır genişliklerinin toplamı kadar gözükecektir. Aşağıdaki gibi gözükecektir : 

	1
	2
	3
	4

HTML'de tablolarda herhangi bir şekilde belirtilmez ise tüm hücrelerin genişlik ve yüksekliği eşit olmaktadır. Eğer bir hücreyi genişlik ve yükseklik olarak diğer hücrelerden daha büyük hale getirmek istiyorsanız rowspan ve colspan kullanabilirsiniz. rowspan bir hücreyi yükseklik olarak birden fazla satır yüksekliğinde yapmak için kullanılabilir . Benzer şekilde colspan'da bir sütun genişliğini birden fazla sütunun genişliği kadar (iki veya daha fazal sütun birleşmiş gibi) olmasını sağlamaktadır. 

Colspan aşağıdaki gibi kullanabilirsiniz : 

Yukarıdaki yapı aşağıdaki gibi gözükür : 

Rowspan ise aşağıdaki gibi kullanılabilir : 

Yukarıdaki yapı aşağıdaki gibi gözükür :