Membuat Tabel


Pendahuluan Bab 1 2 3 4 5

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:

<table>
<tr><th>Kolom 1</th><th>Kolom 2</th></tr>
<tr><td>Baris 2</td><td>Baris 2</td></tr>
<tr><td>Baris 3</td><td>Baris 3</td></tr>
</table>

Hasilnya silahkan di lihat disini.

  • <tr> definisi baris horisontal
  • <td> definisi data sel dalam satu baris
  • <th> definisi data sel pada judul tabel
    2. Membuat Tabel Dengan Formatnya
    Silahkan ketik diantara <head> dan </head> seperti dibawah ini:

    <style 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:

    <table with="50%" border="1" rules=ALL>
    <tr><th bgcolor="silver">Kolom 1</th><th bgcolor="silver">Kolom 2</th></tr>
    <tr><td align="center">Baris 2</td><td align="center">Baris 2</td></tr>
    <tr><td align="center">Baris 3</td><td align="center">Baris 3</td></tr>
    </table>

    Hasilnya silahkan di lihat disini.

    3. Membuat Tabel Lanjutan
    Silahkan ketik diantara <head> dan </head> seperti dibawah ini:

    <style 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:

    <table with="100%" border="1" rules=ALL>
    <tr><th bgcolor="silver" colspan="2">Kombinasi kolom 1 dan kolom 2.</th></tr>
    <tr><td>Baris 2</td><td rowspan="2">Kombinasi baris 2 dan baris 3.</td></tr>
    <tr><td>Baris 3</td></tr>
    </table>

    Hasilnya silahkan di lihat disini.

    Mudah sekali khan? Sekarang buka Bab 4