Ridho Technology: Macam-macam Tabel HTML

Di bawah in adalah macam-macam tabel HTML, dengan menggunakan MACROMEDIA DREAMWEAVER 8....
sebagaimana, sebagai berikut...

(TABEL HTML 1)

</head>

<table border="1" height="300px" width="400"?
    <tr>
        <td bgcolor="#FFFF00" height="50px" width="400px" colspan="2">baris 1</td>
    </tr>
    <tr>
        <td bgcolor="#FFFF00" height="250px" width="50px">baris kedua</td>
        <td bgcolor="#FFFF00" height="250px" width="350px">baris ketiga</td>
    </tr>
</table>

<body>
ini lah hasil nyaa,,,,,,,,

baris 1
baris kedua	baris ketiga

(TABEL HTML 2)

</head>

<table border="1" width="100%" height="100%">
    <tr>
        <td bgcolor="#FF0000" rowspan="2" width="20%" height="100%">1</td>
        <td bgcolor="#FF0000" height="20%" width="80%">2</td>
    </tr>
    <tr>
        <td bgcolor="#FF0000" height="80%" width="80%">3</td>
    </tr>
</table>

<body>
inilah adalah hasilnya............

1	2
	3

(TABEL HTML 3)

</head>

<body>
<table border="1" width="100%" height="300">
<tr>
    <td bgcolor="#00FFFF" height="50" colspan="3">kotak 1</td>
</tr>
<tr>
    <td bgcolor="#00FFFF" height="200" width="20%">kotak 2</td>
    <td bgcolor="#00FFFF" height="200" width="60%">kotak 3</td>
    <td bgcolor="#00FFFF" height="200" width="20%">kotak 4</td>
</tr>
   <tr>
    <td bgcolor="#00FFFF" height="50" colspan="3">kotak 5</td>
</tr>

</body>
inilah hasilnya...........

kotak 1
kotak 2	kotak 3	kotak 4
kotak 5

(TABEL HTML 4)

</head>

<body>
<table border="1" width="100%" height="600">
<tr>
    <td bgcolor="#006666" colspan="2" height="20%" width="70%">kotak 1</td>
    <td bgcolor="#006666" rowspan="2" width="30%" height="200">kotak 2</td>
</tr>
<tr>
    <td bgcolor="#006666" rowspan="2" height="380" width="35%">kotak 3</td>
    <td bgcolor="#006666" width="35%" height="40%">kotak 4</td>

</tr>
<tr>
    <td bgcolor="#006666"kotak 5</td>
    <td bgcolor="#006666" height="30%" width="200">kotak 6</td>
</tr>
</body>
inilah hasilnya gan...........