Friday 21 January 2011

Merge Tabel HTML (part2)

 letakkan kode di bawah ini di antara kode <body>__</body>

<table border="1" width="400px" height="300px">
  <tr>
      <td height="50px" width="400" colspan="2">baris 1</td>
  </tr>
  <tr>
      <td height="250px" width="50px">
    baris kedua
    </td>
    <td height="250" width="350">
    baris 2 kolom ke 2
    </td>
  </tr>
</table>
<br />
<table border="1" width="100%" height="100%">
  <tr>
      <td rowspan="2" width="20%" height="100%">
    kolom pertama
    </td>
    <td height="20%" width="80%">

    123
    </td>
  </tr>
  <tr>
      <td height="80%" width="80%">
    123
    </td>
  </tr>
</table>
<br />
<table border="1" width="100%" height="300">
  <tr>
      <td height="50" colspan="3">table3</td>
  </tr>
  <tr>
      <td height="200" width="20%">table3</td>
    <td height="200" width="60%">table3</td>
    <td height="200" width="20%">table3</td>
  </tr>
   <tr>
      <td height="50" colspan="3">table3</td>
  </tr>
</table>
<br />
<table border="1" width="100%" height="400">
  <tr>
      <td colspan="2" height="20%" width="70%">Table4</td>
    <td rowspan="2" width="30%" height="200">Table4</td>
  </tr>
  <tr>
    <td rowspan="2" height="80%" width="35%">Table4</td>
    <td width="35%" height="40%">Table4</td>
   
  </tr>
  <tr>
    <td width="35%" height="40%">Table4</td>
    <td height="200" width="30%">table4</td>
  </tr>
</table>


Maka hasilnya begini .....

baris 1
baris kedua baris 2 kolom ke 2

kolom pertama 123
123

table3
table3 table3 table3
table3

Table4 Table4
Table4 Table4
Table4 table4

No comments:

Post a Comment