Pages

Rabu, 19 Januari 2011

Cara membuat Merge tabel pada HTML menggunakan Rowspan dan Colspan..

<table border="1">
    <tr>
        <td rowspan="2" bgcolor="#9933FF">1</td>
        <td>---:)---</td>
        <td>---:)---</td>
        <td>---:)---</td>
        <td colspan="2" rowspan="2" bgcolor="#9933FF">4</td>
        <td>---:)---</td>
    </tr>
  

    <tr>
        <td rowspan="2" bgcolor="#9933FF">2</td>
        <td>---:)---</td>
        <td>---:)---</td>
        <td>---:)---</td>
    </tr>
  
    <tr>
        <td>---:)---</td>
        <td colspan="2" bgcolor="#9933FF">3</td>
        <td>---:)---</td>
        <td>---:)---</td>
        <td>---:)---</td>
    </tr>
  
    <tr>
        <td>---:)---</td>
        <td>---:)---</td>
        <td>---:)---</td>
        <td>---:)---</td>
        <td>---:)---</td>
        <td colspan="2" bgcolor="#9933FF">5</td>
    </tr>
  
    <tr>
        <td colspan="2" bgcolor="#9933FF">6</td>
        <td>---:)---</td>
        <td>---:)---</td>
        <td>---:)---</td>
        <td rowspan="2" bgcolor="#9933FF">8</td>
        <td>---:)---</td>
    </tr>
  
    <tr>
        <td>---:)---</td>
        <td colspan="2" bgcolor="#9933FF">7</td>
        <td>---:)---</td>
        <td>---:)---</td>
        <td>---:)---</td>
    </tr>

</table>Ini Hasil Membuat Merge pada Table HTML menggungakan Colspan dan Rowspan...


1 ---:)--- ---:)--- ---:)--- 4 ---:)---
2 ---:)--- ---:)--- ---:)---
---:)--- 3 ---:)--- ---:)--- ---:)---
---:)--- ---:)--- ---:)--- ---:)--- ---:)--- 5
6 ---:)--- ---:)--- ---:)--- 8 ---:)---
---:)--- 7 ---:)--- ---:)--- ---:)---

Selesai