Cara Menggabungkan Kolom Table Menggunakan Notepad

Ini merupakan lanjutan dari Cara Membuat Table Menggunakan Notepad part 2.

Sebelum mulai, baca doa dulu, supaya ilmu yang akan di pelajari masuk bro :) :y

Okeh sip ayuk kita mulai.
Sebelumnya kan tablenya seperti ini
Klick Untuk Buka:




dengan scriptnya ini :
Klick Untuk Buka:
<html>
<table height=400px width=600px border=9px align=center>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</html>

Sekarang dari script di atas, kita gabungkan kolom kedua baris pertama, dengan kolom kedua baris kedua.
Cek disini:


Weleh kok bisa gan?,
Semua bisa kok bro kalau kita ada usaha.
Kemarin, di bagian pertama, dikasih tau kan kalau untuk menggabungkan antar baris itu kodenya 'rowspan', nah tinggal tambah aja deh kode 'rowspan' di kolom ke dua baris pertama. Jadinya gini deh

Klick Untuk Buka:
<html>
<table height=400px width=600px border=9px align=center>
<tr>
<td></td>
<td rowspan=2></td>

<td></td>
</tr>
<tr>
<td></td>

<td></td>

</tr>
</table>
</html>

Loh gan, kok tag <td> di baris kedua hilang?, kok totalnya cuman ada 2?.
Ya iya lah gan, soalnya kan kita tadi pakai kode 'rowspan=2', jadinya kolom yang di tengah baris pertama itu gabung sama yang di bawahnya. Dengan konsekuensi si <td> nya berkurang 1 karna udah di comot sama di atasnya :D

Sampai sini paham?, kalau paham Alhamdulillah, kalau belum, coba konsentrasi, dan analisa lagi yaa :). Semangaaat ! :x


Terus, kalau buat gini gimana?

Klick Untuk Buka:


Gampang kok gan, tambah aja kode 'rowspan=2' di bagian yang ingin di gabungkan. Jadinya gini nih :

Klick Untuk Buka:
<html>
<table height=400px width=600px border=9px align=center>
<tr>
<td rowspan=2></td>
<td rowspan=2></td>
<td></td>

</tr>

<tr>
<td></td>
</tr>

</table>
</html>

Tuh lihat, bagian <td> yang kedua tinggal 1 kan. Karena <td> yang pertama kan ada kode <rowspan=2>, jadi si <td> pertama nyomot si <td> pada baris kedua.

Simple kan, iya tapi butuh ketelitian dalam membuatnya. Yang penting niat belajar broo :)

0 Response to "Cara Menggabungkan Kolom Table Menggunakan Notepad"

Posting Komentar