Colspan dan Rowspan di table HTML

Kita bahas lagi mengenai pemrograman HTML atau lebih sering disapa web HTML. Pasti sudah pada tahu kan apa kepanjangan HTML. Pasti sudah ya. Sekarang mari lanjut kepembahasan mengenai bagaimana cara kerja colspan dan rowspan di table HTML.

Pertama cara pembuatan table terlebih dahulu untuk coddingnya
<table>
</table>
Simplekan? Iya simple lah tapi disitu baru tag pembukanya shobat jadi belum ada efek sampingnya pada program kita. Disini saya akan membahas tentang apa itu colspan dan rowspan.

Colspan adalah kepanjangan column span yang berarti penggabungan atau pelebaran beberapa kolom menjadi satu, sedangkan Rowspan adalah penggabungan beberapa raw/baris menjadi satu. . Singkatnya colspan menggabungkan kesamping. Sedangkan rowspan menggabungkan kebawah.

Contoh :
Bagi yang mau download buatan saya bisa di download di bawah



Colspan 

kolom1 kolom 2 kolom 3
kolom 1 a kolom 1 b kolom 2 a kolom 3 a
sintaxnya :

<table border=1>
<td colspan=2>kolom1</td>
<td>kolom 2</td>
<td>kolom 3</td>
</tr>
<td>kolom 1 a</td>
<td>kolom 1 b</td>
<td>kolom 2 a</td>
<td>kolom 3 a</td>
</tr>
</table>

Penjelasan :
1. border=1     : adalah ketebalan border atau disebut juga garis pinggir, Semakin besar angkanya semakin tebal bordernya.
2. colspan=2   : adalah pelebaran kesamping atau menggabungkan dua kolom menjadi satu. angka 2 bisa di ganti sebanyak banyaknya sesuai keinginan kita, mau menggabungkan berapa kolom
3. </tr>           : disitu tertulis akhir dari satu baris table. jika kita ingin memulai baris lain tidak usah mengetikan syntak <tr>

Rowspan

row 1 row 2 kolom 1 kolom 2 kolom 3
kolom 4 kolom 5 kolom 6
sintaknya :

<table border=1>
<tr>
<td rowspan=2>row 1</td>
<td rowspan=2>row 2</td>
<td>kolom 1</td>
<td>kolom 2</td>
<td>kolom 3</td>
</tr>
<td>kolom 4</td>
<td>kolom 5</td>
<td>kolom 6</td>
</tr>
</table>

Penjelasan :
1.rowspan=2 : menggabungkan 2 row atau 2 baris table menjadi satu. angka 2 dapat kita ganti sesuai keinginan kita berapa baris/row yang ingin kita gabungkan.

LINK DOWNLOAD

Colspan


Rowspan



MUNGKIN PEMBAHASAN MENGENAI COLSPAN DAN ROWSPAN SEPERTI DIATAS.
SILAHKAN TINGGALKAN KOMENTAR.