0
BELAJAR HTML 3

MEMBUAT TABEL


Tabel digunakan untuk menampilkan angka-angka dalam baris dan kolom, mari kita belajar bagaimana membuat tabel.

1. Membuat Tabel Sederhana

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

&lttable>
&lttr>&ltth&gtKolom 1</th>&ltth&gtKolom 2</th></tr>
&lttr>&lttd&gtBaris 2</td>&lttd&gtBaris 2</td></tr>
&lttr>&lttd&gtBaris 3</td>&lttd&gtBaris 3</td></tr>
</table>

  • &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}
    </style>

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

    &lttable with="50%" border="1" rules=ALL>
    &lttr>&ltth bgcolor="silver"&gtKolom 1</th>&ltth bgcolor="silver"&gtKolom 2</th></tr>
    &lttr>&lttd align="center"&gtBaris 2</td>&lttd align="center"&gtBaris 2</td></tr>
    &lttr>&lttd align="center"&gtBaris 3</td>&lttd align="center"&gtBaris 3</td></tr>
    </table>



    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}
    </style>

    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.</th></tr>
    &lttr>&lttd&gtBaris 2</td>&lttd rowspan="2"&gtKombinasi baris 2 dan baris 3.</td></tr>
    &lttr>&lttd&gtBaris 3</td></tr>
    </table>


    0 komentar :

    Posting Komentar

    Silahkan tinggalkan komentar anda disini...

     
    Ujie Caprone | © 2011 Blogger Template by Ujiecaprone.com