contoh 1
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 |
Kode tabel diatas adalah
<table border="1" style="width: 500px;">
<tbody>
<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>
</tbody></table>
PENGERTIAN
kata KOLOM : pengertianya adalah jumlah baris (banyaknya kotak dari atas ke bawah), sedangkan A,B,C dst...adalah banyaknya kotak ke samping
Misal:
<tr>
<td>Kolom 1 A </td>
<td>Kolom 1 B </td>
<td>Kolom 1 C </td>
</tr>
Penjelasan:
kata Kolom 1 diatas artinya: jumlah kolom atau banyaknya kotak dari atas ke bawah, (hanya satu). Sedangkan huruf A , B , C , diatas artinya adalah banyaknya kotak yang kesamping yakni ada 3 kotak (kotak A, kotak B , dan kotak C). Nah, jika anda ingin menambah jumlah kotak yang ke bawah menjadi 3 dan kesamping tetap 3, maka anda harus menambahkan kode lagi dibawahnya. Karena yang ingin ditambahkan adalah jumlah kolom kebawah yakni menjadi 3 maka kode yang harus anda tambahkan adalah seperti berikut:
<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>
sehingga setelah ditambahkan kodenya menjadi seperti kode contoh 1
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 |
Untuk menambah/merubah kolom Anda tinggal mengkopi kode diatas dan merubah angka/huruf di belakang kata KOLOM sesuai jumlah yang diinginkan, lalu ditambahkan dibawahnya seperti contoh diatas. Jangan lupa kode awal dan kode penutup harus ada (warna merah) . Angka '' 500'' adalah ukuran lebar yang bisa anda rubah/atau anda juga bisa merubah lebar/panjang kolom nanti setelah selesai membuat kolom (pada saat pengisian data/di halaman compose) dengan menekan tombol spasi atau backspace. Demikianlah tips cara membuat tabel di blog, semoga bermanfaat dan selamat mencoba.
1 komentar:
membantu banget, kunjungan balik ya
Posting Komentar