Mengabungkan Kolom Dan Baris Di HTML

Mengabungkan Kolom Dan Baris Di HTML. Dalam Proses Pengabungan kolom Dan Baris Pada Tebl Di HTML Mengunakan Atribut rowspan and colspan Kode ini digunakan atau dimasukan pada tag TD Pada Dokumen Word Atau Excel Biasa Disebut Sebagai Merger Cells.

Mengabungkan Kolom Dan Baris Di HTML. Sebelum anda mencoba untuk mengabungkan kolom atau baris terlebih dahulu buatlah sebuah tabel. Untuk cara pembuatannnya Baca Cara Membuat Tabel Di HTML.

Dalam penggabungan antara kolom, dan baris di HTML tentunya tidak semudah mengabungkan kolom dan baris pada ms. Word dan excel. Sebab anda harus memasukan kode / atribut sendiri. berdasarkan penjelasan diatas maka kali ini sampul ilmu menjelaskan tentang cara Mengabungkan Kolom Dan Baris Di HTML

Berikut ini adalah langkah-langkah pembuatannya.

Mengabungkan Kolom


Buka Notepad kemudian masukan kode dibawah ini Setelah itu simpan dengan Nama Kolom.html

<BODY>
Contoh Mengabungkan Kolom Di HTML
<TABLE BORDER="1" >
<TR>
<TD COLSPAN=2>Gabungan Antara Kolom Satu Dan Kolom Dua</TD> 
</TR>
<TR>
<TD>Kolom Satu Baris Kedua</TD>
<TD>Kolom Dua Baris Kedua</TD>
</TR>
</TABLE>
</BODY>

Hasilnya

Contoh Mengabungkan Kolom Di HTML
Gambar Contoh Mengabungkan Kolom Di HTML

Keterangan
<TD COLSPAN=2> , adalah kode untuk mengabungkan 2 Buah kolom
Jika Anda Ingin Mengabungkan 3 Kolom Maka Ubah angka 2 Menjadi tiga Kemudian tambahkan kolom dengan cara masukan kode ini  <TD>Kolom tiga Baris Kedua</TD> tepat dibawah kode <TD>Kolom Dua Baris Kedua</TD>

Mengabungkan Baris

Buka Notepad kemudian masukan kode dibawah ini Setelah itu simpan dengan Nama Baris.html

<BODY>
Contoh mengabungkan Baris Di HTML
<TABLE BORDER="1">
<TR>
<TD ROWSPAN="2">Gabungan Baris Satu Dan <br> Baris Kedua Pada Kolom Pertama</TD>
<TD>Baris Pertama Kolom Kedua</TD>
</TR>
<TR>
<TD>Baris Kedua Kolom Kedua</TD>
</TR>
</TABLE>
</BODY>

Hasilnya :

Contoh mengabungkan Baris Di HTML
Gambar. Contoh mengabungkan Baris Di HTML

Keterangan
<TD ROWSPAN="2">  adalah kode untuk mengabungkan 2 Buah Baris
Jika Anda Ingin Mengabungkan 3 Baris Maka Ubah angka 2 Menjadi 3 kemudian masukan kode HTML dibawah ini tepat di atas kode </TABLE>
<TR>
<TD>Baris Kedua Kolom Kedua</TD>
</TR>

Mengabungkan Baris Dan Kolom


Buka Notepad kemudian masukan kode dibawah ini Setelah itu simpan dengan Nama Gabungan.html

<BODY>
Mengabungkan Baris Dan Kolom Di HTML
<TABLE BORDER="1">
<TR>
<TD COLSPAN=2>Gabungan Antara Kolom Satu Dan Kolom Dua Pada Baris Pertama</TD> 
</TR>
<TR>
<TD ROWSPAN="2">Gabungan Baris Kedua Dan <br> Baris Ketiga Pada Kolom Pertama</TD>
<TD>Baris Kedua Kolom Kedua</TD>
</TR>
<TR>
<TD>Baris Ketiga Kolom Kedua</TD>
</TR>
</TABLE>
</BODY>

Hasilnya:

Contoh Mengabungkan Baris Dan Kolom Di HTML
Gambar. Contoh Mengabungkan Baris Dan Kolom Di HTML

Semoga Cara Mengabungkan Kolom Dan Baris Di HTML yang menjelaskan tentang Mengabungkan Kolom, Mengabungkan Baris, Mengabungkan Kolom Dan Baris Dapat Bermanfaat Sebagai Bahan Pembelajaran. Terima Kasih. 

0 Response to "Mengabungkan Kolom Dan Baris Di HTML"

Post a Comment