Para Sobat Blogger Yang budiman ......
Ketemu lagi di artikel selanjutnya mengenai cara membuat tabel di postingan blog . artikel ini saya kutip dari master blog yang baik hati.......... yaitu Mas Brader Blog . adapun cara - cara nya adalah sebagai berikut:
Pada pembuatan tabel sobat harus berada dalam mode HTML (berdampingan dengan Compose) disaat melakukan posting.
Perintah dasar membuat tabel di posting blog.
<table
border="1">
<tr>
<td></td> <td></td>
</tr>
</table>
<tr>
<td></td> <td></td>
</tr>
</table>
Keterangan:
<table = perintah untuk membuat tabel
border> = perintah untuk mengatur tebal garis pinggir
<tr> = perintah untuk membuat baris pada tabel
<td> = perintah untuk membuat kolom pada tabel
Contoh Pembuatan Tabel Sederhana.
<table
border="1">
<tr>
<td>Input Data</td> <td>Input Data</td> <td>Input Data</td>
<tr>
<td>Input Data</td> <td>Input Data</td> <td>Input Data</td>
</tr>
<tr>
<td>Input Data</td> <td>Input Data</td> <td>Input Data</td>
<tr>
<td>Input Data</td> <td>Input Data</td> <td>Input Data</td>
</tr>
</table>
Maka hasilnya akan seperti berikut.
Input Data | Input Data | Input Data |
Input Data | Input Data | Input Data |
Agar salah satu baris tidak mengikuti jumlah kolom diatasnya, atau sobat ingin menggabungkan beberapa kolom, maka ada pengetikan perintah yang sedikit diberikan tambahan seperti berikut.
<table
border="1">
<tr>
<td align="center" colspan="3">Input Data</td>
</tr>
<tr>
<td>Input Data</td> <td>Input Data</td> <td>Input Data</td>
</tr><tr>
<td align="center" colspan="3">Input Data</td>
</tr>
<tr>
<td>Input Data</td> <td>Input Data</td> <td>Input Data</td>
</table>
Maka hasilnya akan seperti berikut.
Input Data | ||
Input Data | Input Data | Input Data |
catatan:
Untuk tulisan warna merah sobat ganti dengan data yang sobat inginkan.
Untuk tulisan warna hijau atau border sobat bisa sesuaikan.
Untuk tulisan warna biru sobat dapat menyesuaikan dengan banyak kolom yang akan digabungkan
Sekian panduan membuat tabel, somoga bermanfaat.
Tidak ada komentar:
Posting Komentar