Cara Membuat Tabel di Blog dengan Script Sederhana

Wrote by 3 Comments

CRONOSAL-Pada kesempatan kali ini ane akan share Cara Membuat Tabel di Blog dengan Script Sederhana. Script yang digunakan sangat simpel, tidak ada CSS, frame, efek, dan sebagainya. Kelebihan dari tabel ini adalah desain yang sederhana dan ringan.

Script tabel ini bisa digunakan dalam HTML baik dalam post maupun widget. Berikut adalah panduannya:

Cara_Membuat_Tabel_di_Blog_dengan_Script_Sederhana

KODE #1

<table width="500" border="1">
<tr>
<td>Kolom 1 </td>
<td>Kolom 2 </td>
</tr>
</table>
Hasilnya:

Kolom 1
Kolom 2

Jika ingin menambah jumlah kolom, agan cukup menambah kode <td>Kolom 3</td> dibawah tulisan kode <td>Kolom 2</td>

 dan hasilnya seperti dibawah ini:

Kolom 1 Kolom 2 Kolom 3

KODE #2

<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>  
Hasilnya:

Kolom 1 A Kolom 1 B
Kolom 2 A Kolom 2 B


KODE #3

<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>
Hasilnya:

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

Catatan:
  • Tulisan berwarna merah adalah lebar
  • Kode yang paling disarankan adalah KODE #3
  • Silahkan modifikasi sesuai keinginan
Mohon maaf apabila ada kesalahan. Segala masukan dan kritikan akan diterima :D

Sekian




SALAM Blogger
Tags:

3 komentar

Gunakanlah form komentar dengan bijak, hanya 20% komentar yang disetujui. Jadi jangan buang waktu Anda.

Jika ingin bertanya, berikan informasi yang detil.

Mohon untuk tidak melakukan spamming

Copyright 2017 CRONOSAL