Rowspan Dan colspan, cara merge/mengambungakan kolom table html

Rowspan Dan colspan, cara merge/mengambungakan kolom table di html - assalamu'alaikum Wr Wb,,, Hallo Sahabat RPL kali saya akan membuat tutorial tentang cara mengambungkan kolom atau cell di table html oke langsung saja ke tutorialnya.

Pertama kita harus membuat tabel, scriptnya seperti dibawah ini contoh lah :

<table border='1'>
  <tr>
     <td>colum 1</td>
    <td>colum 2</td>
  </tr>
  <tr>
    <td>colum 3</td>
    <td>colum 4</td>
  </tr>
</table>

kalau sudah di copy terus save simpan dengan format .html setelah itu buka di web browser nanti akan tampil seperti ini :

cara meregenya atau mengambungkannya adalah dengan cara memakai atribut rowspan dan colspan.

rowspan adalah mengambungkan kolom atas dan kolom bawah.colspan adalah mengambungkan kolom samping kiri ke kanan.

kalau tidak mengerti bahasa saya :v coba lihat contoh gambar di bawah ini lah :v :

oke bagaimana caranya mengunakan rownspan dan colspan ? oke kita mulai dari colspan dulu.

COLSPAN
kita sudah membuat table dengan script pertama tadi sekarang tambahkan atribut colspan di tag <td> contoh saya akan mengambungkan colum 1 dan colum 2 scriptnya berikut ini :

<table border='1'>
  <tr>
     <td colspan='2'>colum 1</td>
  </tr>
  <tr>
    <td>colum 3</td>
    <td>colum 4</td>
  </tr>
</table>

tampilan kalau di jalankan seperti ini :

dan sampai disini sudah mengerti cara membuat colspan ? kalau sudah mengerti ane lanjut ke rowspan

ROWNSPAN
rowspan caranya hampir sama dengan colspan, sekarang tambahkan atribut rowspan di <td> caranya seperti colspan tadi, contoh scriptnya :

<table border='1'>
  <tr>
     <td rowspan='2'>colum 1</td>
    <td>colum 2</td>
  </tr>
  <tr>
    <td>colum 4</td>
  </tr>
</table>

tampilan kalau di jalankan seperti ini :

sampai disini mengerti cara mengunakan rowspan dan colspan ? kalau tidak mengerti dari artikel ini silahkan komentar di bawah artikel ini, sampai disini saja pertemuan kita :D ya,, Assalamu'alaikum Wr Wb