Membuat Tabel dengan Mengunakan Ukuran Dengan HTML

Kamis, 20 Januari 2011

|
Pada pastingan kali ini juga tidak jau dari postingan saya sebelum nya yaitu " Membuat Tabel dengan Mengunakan Ukuran Dengan Mengunakan  HTML"
Pada kali ini mengunakan media Macromedia Dreamweaver 8 dan Mozilla Firefox..

<body>
<table bgcolor="#0033FF" border="1" width="400" height="300">
    <tr>
        <td  colspan="2" width="400" height="50" align="center"><font face="Comic Sans MS" color="#000000">1</td></font>
    </tr>
    <tr>
        <td width="50" height="250" align="center"><font face="Comic Sans MS" color="#000000">2</td></font>
        <td width="350" height="250" align="center"><font face="Comic Sans MS" color="#000000">3</td></font>
    </tr>
</table>
</body>



Ini Hasil nya...
1
2 3
<body>
<table bgcolor="#009933" border="1" width="100%" height="100%">
    <tr>
        <td rowspan="2" width="20%" height="100%" align="center"><font face="Comic Sans MS" color="#000000">1</td></font>
        <td width="80%" height="20%" align="center"><font face="Comic Sans MS" color="#000000">2</td></font>
    </tr>
    <tr>
        <td width="80%" height="80%" align="center"><font face="Comic Sans MS" color="#000000">3</td></font>
    </tr>
</table>
<br />
<table bgcolor="#99CC66" border="1" width="100%" height="300">
    <tr>
        <td colspan="3" width="100%" height="50" align="center"><font face="Comic Sans MS" color="#000000">1</td></font>
    </tr>
    <tr>
        <td width="20%" height="200" align="center"><font face="Comic Sans MS" color="#000000">2</td></font>
        <td width="60%" height="200" align="center"><font face="Comic Sans MS" color="#000000">3</td></font>
        <td width="20%" height="200 align="center""><font face="Comic Sans MS" color="#000000">4</td></font>
    </tr>
</body>Ini Hasil nya...
1 2
3

<body>
<table bgcolor="#99CC66" border="1" width="100%" height="300">
    <tr>
        <td colspan="3" width="100%" height="50" align="center"><font face="Comic Sans MS" color="#000000">1</td></font>
    </tr>
    <tr>
        <td width="20%" height="200" align="center"><font face="Comic Sans MS" color="#000000">2</td></font>
        <td width="60%" height="200" align="center"><font face="Comic Sans MS" color="#000000">3</td></font>
        <td width="20%" height="200 align="center""><font face="Comic Sans MS" color="#000000">4</td></font>
    </tr>
    <tr>
        <td colspan="3" width="100%" height="50" align="center"><font face="Comic Sans MS" color="#000000">5</td></font>
    </tr>
</table>          
</body>
Ini Hasilnya
1
2 3 4
5

<body>
    <table bgcolor="#CC3300" border="1" width="100%" height=400">
    <tr>
        <td colspan="2" height="20%" align="center"><font face="Comic Sans MS" color="#000000">1</td></font>
        <td rowspan="2" width="19%" height="200" align="center"><font face="Comic Sans MS" color="#000000">2</td><td width="7%"></font>
    </tr>
    <tr>
        <td rowspan="2" width="20%" height="80%" align="center"><font face="Comic Sans MS" color="#000000">3</td></font>
        <td width="22%" height="40%" align="center"><font face="Comic Sans MS" color="#000000">4</td></font>
    </tr>
    <tr>
        <td width="32%" height="200" align="center"><font face="Comic Sans MS" color="#000000">5</td></font>
        <td width="19%" height="200" align="center"><font face="Comic Sans MS" color="#000000">6</td></font>
    </tr>
</table>      
</body>
Ini Hasil nya..
1 2
3 4
5 6
 Selamat Mencoba...

0 komentar:

Posting Komentar

Followers

Popular Posts

About Me

Foto saya
Aku Akan Belajar Dengan Serius

You can replace this text by going to "Layout" and then "Page Elements" section. Edit " About "

free counters
Diberdayakan oleh Blogger.