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
 |
| 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 :
 |
| 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:
 |
| 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.
Post a Comment for "Mengabungkan Kolom Dan Baris Di HTML"
Post a Comment