Social Icons

Pages

Kamis, 07 Februari 2013

Membuat tulisan HTML dengan Manipulasi Tabel

<html>
<head>
<title>belajar tabel</title>
</head>
<body>
    <table align="center" border="0" bgcolor="white" width="800" height="150">
        <tr>
        <td width="50" rowspan="3" align="center" bgcolor="red">1</td>
        <td width="50" colspan="1"></td>
        <td width="50" rowspan="3" align="center" bgcolor="red">3</td>
        <td width="50" rowspan="3"></td>
        <td width="150" colspan="3" align="center" bgcolor="yellow">5</td>
        <td width="50" rowspan="3"></td>
        <td width="100" colspan="2" align="center" bgcolor="green">9</td>
        <td width="50" rowspan="1"></td>
        <td width="100" colspan="2" align="center" bgcolor="green">12</td>
        <td width="50" rowspan="3"></td>
        <td width="50" rowspan="3" align="center" bgcolor="blue">15</td>
        <td width="50" colspan="2"></td>
        </tr>

        <tr>
        <td align="center" bgcolor="red">2</td>
        <td rowspan="2"></td>
        <td width="50" rowspan="2" align="center" bgcolor="yellow">6</td>
        <td rowspan="2"></td>
        <td width="50" rowspan="2" align="center" bgcolor="green">9</td>
        <td rowspan="2"></td>   
        <td align="center" bgcolor="green">11</td>
        <td rowspan="2"></td>
        <td width="50" rowspan="2" align="center" bgcolor="green">13</td>
        </tr>

        <tr>
        <td colspan="1"></td>
        <td colspan="1"></td>
        <td width="100" colspan="2" align="center" bgcolor="blue">16</td>
        </tr>
    </table>
</body>
</html>

Tampilan Hasil:


Tidak ada komentar:

Posting Komentar