Contoh Cara membuat dan posting tabel dengan kode HTML.

Contoh tabel menggunakan kode HTML

Artikel ini  saya posting untuk melengkapi dalam mempelajari artikel sebelumnya yaitu Cara membuat dan posting tabel  dengan kode HTML. Dengan adanya contoh ini saya harap anda bisa lebih cepat menangkap materi mengenai cara membuat tabel.


Agar lebih gampang dalam menangkap materi yang kita pelajari saya sengaja membuat contoh cara membuat tabel sederhana dengan menuliskan kode HTML nya menjadi dua fersi yang sebenarnya kefua fersi ini sama artinya Cuma beda cara penulisannya saja. Untuk lebih jelasnya mari kita menuju ke TKP.

Contoh membuat tabel sederhana.

Kode HTML nya :

<center>

<table border="2" width="80%" style="font-size:21px;">

<tr height="40">

<td>kolom 1 baris 1</td>

<td>kolom 2 baris 1</td>

</tr>

      <tr height="40">

      <td>kolom 1 baris 2</td>

      <td>kolom 2 baris 2</td>

      </tr>

<tr height="40">

<td>kolom 1 baris 3</td>

<td>kolom 2 baris 3</td>

</tr>

</table>

</center>

Agar lebih jelas kode di atas bisa disusun sebagai berikut :

<center>

<table border="2" width="80%" style="font-size:21px;">

<tr height="40"><td>kolom 1 baris 1</td><td>kolom 2 baris 1</td></tr>

<tr height="40"><td>kolom 1 baris 2</td><td>kolom 2 baris 2</td></tr>

<tr height="40"><td>kolom 1 baris 3</td><td>kolom 2 baris 3</td></tr>

</table>

</center>

Bisa juga digambarkan sebagai berikut :

Hasilnya :

kolom 1 baris 1	kolom 2 baris 1
kolom 1 baris 2	kolom 2 baris 2
kolom 1 baris 3	kolom 2 baris 3