Laman

Jumat, 21 Januari 2011

Cara Membuat Tabel Html Menggunakan Ukuran Persen (%) dan Pixel (PX)

ini contoh-contoh script nya...

<table border="1" width="400px" height="300px">
    <tr>
        <td width="50px" colspan="2" align="center">
        Latihan Yogi Alghofiqhi</td>
    </tr>
   
    <tr>
        <td width="50px" height="250px" align="center">
        Latihan Yogi Alghofiqhi</td>
        <td align="center">Latihan Yogi Alghofiqhi</td>
    </tr>
</table><br /><br />




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


<table border="1"  width="100%" height="300">
    <tr>
        <td colspan="3" width="100%" height="50" align="center">Latihan Yogi Alghofiqhi</td>
    </tr>
    <tr>
        <td width="200" height="35%" align="center">Latihan Yogi Alghofiqhi</td>
        <td width="60%" height="35%" align="center">Latihan Yogi Alghofiqhi</td>
        <td width="20%" height="35%" align="center">Latihan Yogi Alghofiqhi</td>
    </tr>
    <tr>
        <td colspan="3" width="100%" height="50" align="center">Latihan Yogi Alghofiqhi</td>
    </tr>
</table><br /><br />



<table border="1" width="100%" height="400">
    <tr>
        <td colspan="2" width="100%" height="20%" align="center">Latihan Yogi Alghofiqhi</td>
        <td rowspan="2" width="30%" height="200" align="center">Latihan Yogi Alghofiqhi</td>
    </tr>
    <tr>
        <td rowspan="2" width="35%" height="80%" align="center">Latihan Yogi Alghofiqhi</td>
        <td width="35%" height="40%" align="center">Latihan Yogi Alghofiqhi</td>
    </tr>
    <tr>
        <td width="35%" height="200" align="center">Latihan Yogi Alghofiqhi</td>
        <td width="30%" height="200" align="center">Latihan Yogi Alghofiqhi</td>
    </tr>
</table>



ini hasil dari contoh-contoh script di atas..


Latihan Yogi Alghofiqhi

Latihan Yogi Alghofiqhi
Latihan Yogi Alghofiqhi





Latihan Yogi Alghofiqhi Latihan Yogi Alghofiqhi
Latihan Yogi Alghofiqhi





Latihan Yogi Alghofiqhi
Latihan Yogi Alghofiqhi Latihan Yogi Alghofiqhi Latihan Yogi Alghofiqhi
Latihan Yogi Alghofiqhi






Latihan Yogi Alghofiqhi Latihan Yogi Alghofiqhi
Latihan Yogi Alghofiqhi Latihan Yogi Alghofiqhi
Latihan Yogi Alghofiqhi Latihan Yogi Alghofiqhi

2 komentar:

  1. pertamax....tapi asli gak ngerti gw...hehehe...salam...

    BalasHapus
  2. wah masih belum nyambung ,klo bisa saya mintak kirimim aja biar saya tinggal ganti-ganti nama aja..

    BalasHapus