Colspan dan Rowspan di Tabel HTML

Nah kali ini saya akan share tentang colspan dan rowspan
Colspan dan rowspan adalah html attribute yang digunakan untuk memperlebar atau menggabungkan beberapa kolom atau row menjadi satu, sehingga satu unit kolom atau row ini menjadi lebih lebar. Colspan adalah kependekan dari “column span” yang bisa mengartikan sebagai “berapa kotak kesamping” sedangkan rowspan mengartikan “berapa kotak kebawah”.


Attribute colspan diletakkan dalam tag <td> dan anda bisa mengatur “value”nya berapa sel / data tabel yang akan di span.
contoh:

<table border="1">
<tr>
<td colspan="5">Gabungan sel 1-5</td>
</tr>
<tr>
<td>sel 1</td>
<td>sel 2</td>
<td>sel 3</td>
<td>sel 4</td>
<td>sel 5</td>
</tr>
</table>

 Hasil :

 Sedangkan Rowspan tugasnya untuk menyatukan kotak- kotak row kebawah sehingga menjadi satu unit yang panjang, Attribute rowspan diletakkan dalam tag <td> dan anda bisa mengatur “value”nya berapa kotak yang akan di span. 
contoh :

<table border="1">
<tr>
<td rowspan="5">Gabungan Baris 1-5</td>
<td>Baris 1</td>
</tr>
<tr>
<td>Baris 2</td>
</tr>
<tr>
<td>Baris 3</td>
</tr>
<tr>
<td>Baris 4</td>
</tr>
<tr>
<td>Baris 5</td>
</tr>
</table>

Hasil : 

Sekian, selamat mencoba kawan :)