Terkadang disaat tertentu, saat akan membuat postingan blog kita membutuhkan tabel agar data yang disampaikan bisa terlihat rapi dan enak untuk dibaca. Berikut adalah cara untuk membuat tabel pada blog.
Untuk membuat tabel dengan 1 baris dan 2 kolom (1x2) adalah:
Keterangan :
<table border="1"> : perintah untuk membuat tabel sekaligus untuk mengatur ketebalan garis pinggir. Silahkan ganti nilainya sesuai keinginan.
<td></td> <td></td> : perintah untuk membuat kolom.
</tr> : perintah untuk membuat baris.
Contohnya jika anda memasukkan kode berikut ini :
<table border="1">
<tr>
<td>Isi 1</td> <td>Isi 2</td>
</tr>
</table>
Maka hasilnya akan seperti berikut ini :
Tulisan yang berwarna merah diatas adalah isi dari tabel, anda bisa menggantinya dengan teks, link atau gambar.
Untuk membuat tabel dengan 2 baris dan 2 kolom(2x2) anda tinggal menambahkan kode barisnya seperti berikut:
<table border="1">
<tr>
<td>Isi 1</td> <td>Isi 2</td>
</tr>
<tr>
<td>Isi 3</td> <td>Isi 4</td>
</tr>
</table>
Hasilnya adalah sebagai berikut :
Ok sampai disini dulu tips dan tutorialnya, jika ada kesulitan silahkan dtanyakan.
Terimakasih.
Untuk membuat tabel dengan 1 baris dan 2 kolom (1x2) adalah:
<table border="1">
<tr>
<td></td> <td></td>
</tr>
</table>
Keterangan :
<table border="1"> : perintah untuk membuat tabel sekaligus untuk mengatur ketebalan garis pinggir. Silahkan ganti nilainya sesuai keinginan.
<td></td> <td></td> : perintah untuk membuat kolom.
</tr> : perintah untuk membuat baris.
Contohnya jika anda memasukkan kode berikut ini :
<table border="1">
<tr>
<td>Isi 1</td> <td>Isi 2</td>
</tr>
</table>
Maka hasilnya akan seperti berikut ini :
Isi 1 | Isi 2 |
Tulisan yang berwarna merah diatas adalah isi dari tabel, anda bisa menggantinya dengan teks, link atau gambar.
Untuk membuat tabel dengan 2 baris dan 2 kolom(2x2) anda tinggal menambahkan kode barisnya seperti berikut:
<table border="1">
<tr>
<td>Isi 1</td> <td>Isi 2</td>
</tr>
<tr>
<td>Isi 3</td> <td>Isi 4</td>
</tr>
</table>
Hasilnya adalah sebagai berikut :
Isi 1 | Isi 2 |
Isi 3 | Isi 4 |
Ok sampai disini dulu tips dan tutorialnya, jika ada kesulitan silahkan dtanyakan.
Terimakasih.
Post A Comment: