Contoh- Contoh Tabel dengan HTML

0
ini gan cara membuat tabel di dreamweaver.klo posingan yg ini beraneka ragam contoh membuat tabel dengan HTML. seperti [embahasan kita sebelumnya.Pertama anda harus memiliki DREAMWEAVER versi berapa aja, tapi kalo saya menggunakan DREAMWEAVER 8.tapi kali ini saya hanya membuat kan contoh nya saja.Berikut adalah contoh Tabel memlalui HTML.









1.




<table width="400" height="300" border="1">
    <tr>
        <td width="200" height="50" colspan="2">1</td>
    </tr>
    <tr>
        <td width="50" height="250">1</td>
        <td width="350">2</td>
    </tr>
</table>

"hasil nya "
1
1 2





2.










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


"hasilnya"
1 2
3


  3.










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




"HASILNYA"
1
2 3 4
5



  4.











<table width="100%" height="400" border="1">
    <tr>
        <td width="70%" height="20%" align="center" colspan="2">1</td>
        <td width="30%" height="200" align="center" rowspan="2">2</td>
    </tr>
    <tr>
        <td width="35%" align="center" rowspan="2">3</td>
        <td width="35%" height="40%" align="center">4</td>
    </tr>
    <tr>
        <td width="35%" height="40%" align="center">5</td>
        <td width="30%" height="200" align="center">6</td>
    </tr>
</table>

"HASILNYA"
1 2
3 4
5 6



Sekian contoh tabel dengan HTML yang saya berikan. mungkin memang singkat tapi bila ingin mengtahui cara membuat tabel ada postingan sebelumnya.


SELAMAT BEREKSPERIMEN!

Jangan lupa komentarnya nya!!
 

Ditulis Oleh : m4ilsmile

Artikel Contoh- Contoh Tabel dengan HTML ini ditulis oleh m4ilsmile pada hari Friday, January 21, 2011. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Contoh- Contoh Tabel dengan HTML dapat Anda sampaikan melalui kotak komentar dibawah ini.