Diposting oleh urng bdk tkj On 00.25







Membuat Tabel













PendahuluanBab 12345


Tabel digunakan untuk menampilkan angka-angka dalam baris dan kolom, pada bab ini kita akan belajar bagaimana membuat tabel.


1. Membuat Tabel Sederhana

Silahkan ketik diantara <body> dan </body> seperti dibawah ini:



&lttable>

&lttr>&ltth&gtKolom 1&ltth&gtKolom 2

&lttr>&lttd&gtBaris 2&lttd&gtBaris 2

&lttr>&lttd&gtBaris 3&lttd&gtBaris 3



Hasilnya silahkan di lihat disini.


  • &lttr> definisi baris horisontal

  • &lttd> definisi data sel dalam satu baris

  • &ltth> definisi data sel pada judul tabel


    2. Membuat Tabel Dengan Formatnya

    Silahkan ketik diantara <head> dan </head> seperti dibawah ini:



    &ltstyle type="text/css">

    th {font-family:"Arial";font-size:"12pt";color:red}

    td {font-family:"Tahoma";font-size:"12pt";color:blue}



    Silahkan ketik diantara <body> dan </body> seperti dibawah ini:



    &lttable with="50%" border="1" rules=ALL>

    &lttr>&ltth bgcolor="silver"&gtKolom 1&ltth bgcolor="silver"&gtKolom 2

    &lttr>&lttd align="center"&gtBaris 2&lttd align="center"&gtBaris 2

    &lttr>&lttd align="center"&gtBaris 3&lttd align="center"&gtBaris 3



    Hasilnya silahkan di lihat disini.



    3. Membuat Tabel Lanjutan

    Silahkan ketik diantara <head> dan </head> seperti dibawah ini:



    &ltstyle type="text/css">

    th {font-family:"Arial";font-size:"12pt";color:red}

    td {font-family:"Tahoma";font-size:"12pt";color:blue}



    Silahkan ketik diantara <body> dan </body> seperti dibawah ini:



    &lttable with="100%" border="1" rules=ALL>

    &lttr>&ltth bgcolor="silver" colspan="2"&gtKombinasi kolom 1 dan kolom 2.

    &lttr>&lttd&gtBaris 2&lttd rowspan="2"&gtKombinasi baris 2 dan baris 3.

    &lttr>&lttd&gtBaris 3



    Hasilnya silahkan di lihat disini.




    Mudah sekali khan? Sekarang buka Bab 4




  • Category : edit post

    0 Response to " "