Cara Membuat Tabel di Postingan Blog

Hai hai MATEMANIA... Terima kasih telah berkunjung ke blog K'MelL yang sederhana ini. Pada kesempatan kali ini K'MelL akan berbagi bagaimana cara membuat tabel di dalam postingan blog, khususnya pengguna Blogger. Untuk membuat tabel di blogger kita hanya perlu tiga kode html saja. Berikut kode-kode html tersebut:


<table> dan </table>
<tr> dan </tr>
<td> dan </td>


Berikut langkah menggunkan kode di atas. Silahkan teman-teman ikuti secara seksama, dan semoga berhasil. Check it Out:

  • Membuat Tabel : 2 kolom dan 1 baris ➤ maka kode html nya:
<table width="500" border="1">
<tr>
<td>Kolom 1 </td>
<td>Kolom 2 </td>
</tr>
</table>

Hasil 👇
Kolom 1
Kolom 2

  • Membuat tabel : 2 kolom dan 2 baris ➤ maka kode html nya:
<table width="500" border="1">
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
</tr>
</table>

Hasil 👇
Kolom 1 A
Kolom 1 B
Kolom 2 A
Kolom 2 B

  • Membuat tabel : 3 kolom dan 2 baris ➤ maka kode html nya:
<table width="500" border="1">
<tr>
<td>Kolom 1 A</td>
<td>Kolom 2 A</td>
<td>Kolom Tambahan 1</td>
</tr>
<tr>
<td>Kolom 1 B</td>
<td>Kolom 2 B</td>
<td>Kolom Tambahan 2 </td>
</tr>
</table>

Hasil 👇
Kolom 1 A
Kolom 2 A
Kolom Tambahan 1
Kolom 1 B
Kolom 2 B
Kolom Tambahan 2

  • Membuat tabel : 3 kolom dan 3 baris ➤ maka kode html nya:
<table width="500" border="1">
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
<td>Kolom 1 C </td>
</tr>
<tr>
<td>Kolom 2 A </td>
<td>Kolom 2 B </td>
<td>Kolom 2 C </td>
</tr>
<tr>
<td>Kolom 3 A </td>
<td>Kolom 3 B </td>
<td>Kolom 3 C </td>
</tr>
</table>

Hasil 👇
Kolom 1 A
Kolom 1 B
Kolom 1 C
Kolom 2 A
Kolom 2 B
Kolom 2 C
Kolom 3 A
Kolom 3 B
Kolom 3 C

    Demikian cara membuat tabel di blog. Teman-teman bisa mengkreasikannya dengan kode html lain untuk mengubah lebar, ukuran dan lain-lain. Jika ada pertanyaan silahkan tinggalkan jejak di kolom komentar. Semoga berhasil....


    No comments:

    Post a Comment