Cara Membuat Tabel di HTML

Berikut tutorial sederhana cara membuat tabel di HTML dengan mudah.

Setelah membuka entri baru di sebelah kiri ada 2 pilihan yaitu compose dan HTML

Pilihlah yang HTML lalu paste kode dibawah ini.

<table border="5" cellpadding="10">

        <tbody>

<tr>

            <td>Baris 1 kolom 1</td>

            <td>baris 1 kolom 2</td>

        </tr>

<tr>

            <td>Baris 2 kolom 1</td>

            <td>baris 2 kolom 2</td>

        </tr>

</tbody></table>

Nilai "5" pada atribut border adalah ukuran garisnya. Semakin besar ukurannya, maka akan semakin besar pula ukuran garisnya.

Nilai "10" pada atribut cellpadding adalah ukuran jarak antara teks sel dengan garis.

Berkut ini adalah hasilnya.

Baris 1 kolom 1	baris 1 kolom 2
Baris 2 kolom 1	baris 2 kolom 2

Jika ingin menambahkan baris, silahkan copy saja, berikut contohnya

<table border="5" cellpadding="10">

        <tbody>

<tr>

            <td>Baris 1 kolom 1</td>

            <td>baris 1 kolom 2</td>

        </tr>

<tr>

            <td>Baris 2 kolom 1</td>

            <td>baris 2 kolom 2</td>

        </tr>

<tr>

            <td>Baris 3 kolom 1</td>

            <td>baris 3 kolom 2</td>

        </tr>

</tbody></table>

dan hasilnya adalah seperti ini:

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

Demikian tutorial singkat cara membuat tabel di HTML dengan sederhana, untuk cara mewarnai dan menggabungkan kolom akan dibahas pada tulisan berikutnya.

Semoga bermanfaat.