Cara membuat tabel diblog

Dalam membuat table/kolom dipostingan blog diperlukan untuk memasukan data agar tertata rapi dan data tersebut berurutan sesuai dengan kelompok data yang diinginkan. Pada pembuatan tabel harus berada dalam mode HTML (berdampingan dengan Compose) disaat melakukan postingan, untuk membuatnya ada beberapa hal yang harus kita ketahui tentang perintah tabel tersebut diantaranya :

<table border="1">

<tbody>
<tr>
<td></td> <td></td>
</tr>
</tbody></table>

Keterangan:

1. <table>    = perintah untuk membuat table
2. <border> = perintah untuk mengatur tebal garis pinggir
3. <tr>        = perintah untuk membuat baris pada table
4. <td>       = perintah untuk membuat kolom pada table

Cara membuat tabel :

1. Sign in di Blog
2. Klik Pos
3. Klik HTML
4. Copy kode dibawah ini dan paste ditempat postingan yang diinginkan
5. Klik Pratinjau
6. Klik Simpan

Contoh 1 tabel,

<table border="1">

<tr>

<td>Masukan data</td>

</tr>

</table>

Masukan data

Keterangan :

1. Border = ketebalan garis
2. Masukan data = Ganti dengan data nya kawan

Contoh 2 tabel.

<table border="1">
<tr>

<td>Masukan data</td><td>Masukan data</td>

</tr>
</table>

Masukan data

Masukan data

Keterangan :

1. Border = ketebalan garis
2. Width = lebar kolom
3. Masukan data = Ganti dengan data nya kawan

Contoh penambahan tabel kesamping dan kebawah

<table border="1">
<tbody>
<tr>
<td align="center">No</td> <td align="center" width="300">Uraian</td> <td align="center">Debet</td> <td align="center">Kredit</td>
</tr>
<tr>
<td align="center">1</td> <td>Masukan data </td><td>Masukan data</td><td>Masukan data</td>
</tr>
<tr>
<td align="center">2</td> <td>Masukan data </td><td>Masukan data</td><td>Masukan data</td>
</tr>

No	Uraian	Debet	Kredit
1	Masukan data	Masukan data	Masukan data
2	Masukan data	Masukan data	Masukan data

Keterangan :

1. Border = ketebalan garis
2. Width = lebar kolom
3. Masukan data = Ganti dengan data nya kawan
4. <td align="center"> = bentuk tulisan ditengah ganti sesuai selera

Contoh memisahkan tabel yang satu dengan yg lainnya :

<table border="1">
<tr>
<td align="center" colspan="3">Masukan data</td>
</tr>
<tr>
<td>Masukan data</td> <td>Masukan data</td> <td>Masukan data</td> 

</tr>

</table>

Masukan data
Masukan data	Masukan data	Masukan data

Keterangan :

1. Border = ketebalan garis
2. Masukan data = Ganti dengan data nya kawan
3. <td align="center" colspan="3"> = bentuk tulisan ditengah ganti sesuai selera dan pemisah

Membuat Susunan Pengurus :

<table border="0">
<tr>
<td>Ketua</td> <td>:</td> <td>Angga Saputra</td> 

</tr>
<tr>
<td>Anggota</td> <td>:</td>  <td>Novi Marta</td><tr>

<tr><td> </td> <td>:</td>  <td>Desi Ratnawati</td></tr>

<tr><td> </td> <td>:</td>  <td>Oktarini</td></tr>

<tr><td> </td> <td>:</td>  <td>Mei Artalita</td></tr>

</tr> 

</table>

Keterangan :

1. Border "0" = tidak garis
2. Masukan data = Ganti dengan data nya kawan

Baca juga artikel menarik lainnya :