Friday, January 21, 2011

Cara Membuat Berbagai Tabel Dengan Bantuan HTML

 Pada Postingan Kali Ini  saya akan memberi tahu cara untuk membuat berbagai macam tabel dengan bantuan HTML,yang harus kita lakukan pertama kali ialah

1.Masuk ke Macromedia Dreamwever.
2.Pilih HTML
3.Pastikan Tabel yang akan kita buat berada di antara <body>isi script tabel</body>
4.Lalu ikuti script seperti punya saya yang sudah jadi ini kalau anda bingung.










<body>
    <table width="400" height="300" border="2">

        <tr>

            <td colspan="2" align="center" width="400" height="50">1</td>

        </tr>


            <tr>

                <td align="center" width="50" height="250">2</td>
                <td align="center" width="350" height="250">3</td>

            </tr>

    </table>
   

<br />
    <br />
        <br />
            <br />
                <br />
                    <br />


    <table width="100%" height="100%" border="1">
   
            <tr align="center">
                <td rowspan="2" width="20%" height="100%">1</td>
                <td width="80%" height="20%">2</td>
   
            </tr>
   
   
            <tr align="center">
               
                <td width="80%" height="80%">3</td>
   
            </tr>
           
    </table>

<br />
    <br />
        <br />
            <br />
                <br />
                    <br />


    <table width="100%" height="300" border="1">

        <tr align="center">
            <td colspan="3" width="100%" height="150">1</td>
        </tr>
       
       
        <tr align="center">
            <td width="20%" height="200">2</td>
            <td width="60%" height="200">3</td>
            <td height="200" width="60%" >4</td>
        </tr>
       
       
        <tr align="center">
            <td colspan="3" width="100%" height="50">5</td>
        </tr>
       
       
    </table>
   
<br />
    <br />
        <br />
            <br />
                <br />
                    <br />

<table width="100%" height="400" border="3">

        <tr>

            <td colspan="2" width="70" height="20%">1</td>
       

            <td rowspan="2" width="30%" height="200">2</td>
       
        </tr>

        <tr>
            <td rowspan="2" height="300" width="35%">3</td>
            <td width="35%" height="40%">4</td>

        </tr>

        <tr>
            <td width="650" height="300">5</td>
            <td height="200" width="30%">6</td>
        </tr>
   
</table>   


Hasil Yang Telah Jadi






TABEL 1

1
2 3

TABEL 2

1 2
3

TABEL 3

1
2 3 4


TABEL 4

1 2
3 4
5 6


Mudah mudahan info ini berguna. :D

1 comment:

Subscribe to: Post Comments (Atom)