Search

Friday, January 21, 2011

Merge Tabel Pada HTML [Part 2]

Postingan Ini Adalah Media Pegumpulan Tugas Part 2
Saya Membuatnya Meggunakan Macromedia Dreamweaver 8





<table align="center" border="2" width="400px" height="600px">
    <tr>
        <td colspan="2" width="400" height="50">1</td>
    </tr>
    <tr>
        <td width="50px" height="600px">
        2
        </td>
        <td widht="600" height="300">
        3
        </td>  
    </tr>
</table>

Hasilnya 1:







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

Hasilnya 2:



                            
  


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

Hasilnya 3:
    
                                 
  



<table align="center" border="2" width="100%" height="100%"
    <tr>
        <td colspan="2" width="100%" height="20%">1</td>
        <td rowspan="2" width="30%" height="200px"">2</td>
       
    </tr>
    <tr>
        <td rowspan="2" width="35%" height="300">4</td>
        <td height="40#" width="35%">5</td>
       
    </tr>
    <tr>
        <td height=" 40%" width="650px">7</td>
        <td width="200px" height="200px">8</td>
    </tr>

</table>

Hasilnya 4:







0 komentar:

Post a Comment

Google +