html : tabel dengan colspan

<table border="1">            <!--INI MERUPAKAN TEBAL GARIS TABEL -->
<caption><b>Tabel Dengan Header Horizontal</b></caption>    <!--INI MERUPAKAN JUDUL TABEL -->


<tr>                        <!--INI MERUPAKAN ROW TABEL PEMBUKA-->
<th>Nama</th>                <!--INI MERUPAKAN TABEL HEADER ATAU KEPALA TABEL-->       
<td colspan="4">Adi Sanjaya</td>        <!--INI MERUPAKAN DATA TABEL -->
<td colspan="4">Budi Wijaya</td>
<td colspan="4">Citra Lestari</td>
    <!--INI MERUPAKAN DATA TABEL -->
</tr>   
<th>Mata Pelajaran</th>
<td>Matematika</td>                                    <!--INI MERUPAKAN ROW TABEL PENUTUP-->
<td>Bahasa Indonesia</td>
<td>Bahasa Inggris</td>
<td>Bahasa Arab</td>
<td>Matematika</td>                                    <!--INI MERUPAKAN ROW TABEL PENUTUP-->
<td>Bahasa Indonesia</td>
<td>Bahasa Inggris</td>
<td>Bahasa Arab</td>
<td>Matematika</td>                                    <!--INI MERUPAKAN ROW TABEL PENUTUP-->
<td>Bahasa Indonesia</td>
<td>Bahasa Inggris</td>
<td>Bahasa Arab</td>
<tr>
</tr>
<th>Nilai</th>   
<td>90</td>                                    <!--INI MERUPAKAN Data TABEL Untuk NIlai Adi sanjaya-->
<td>85</td>
<td>80</td>
<td>75</td>
<td>90</td>                                    <!--INI MERUPAKAN Data TABEL Untuk NIlai Budi Wijaya-->
<td>85</td>
<td>80</td>
<td>75</td>
<td>90</td>                                    <!--INI MERUPAKAN Data TABEL Untuk NIlai Citra Lestari-->
<td>85</td>
<td>80</td>
<td>75</td>
</tr>

Tabel Dengan Header Horizontal

Nama	Adi Sanjaya				Budi Wijaya
Mata Pelajaran	Matematika	Bahasa Indonesia	Bahasa Inggris	Bahasa Arab	Matematika	Bahasa Indonesia	Bahasa Inggris	Bahasa Arab
Nilai	90	85	80	75	90	90	85	80

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Have a Nice Blogging. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Have a Nice Blogging dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh Unknown pada tanggal Saturday, December 1, 2012