Untuk itu pada kesempatan kali ini materi kita adalah tentang bagaimana cara membuat tabel pada posting blog . Tanpa berpanjang lebar lagi , mari kita ulas cera pembuatannya .
Untuk membuat tabel pada posting blog , kita harus menulis di area HTML , bukan composse ( saya harap anda sudah mengerti maksud dari tahap ini .
Jika sudah mengerti pada tahap awal diatas , maka kita harus mengerti skema dasar dari pembuatan tabel ini .
Skema dasar pembuatan tabel
<table border="1">Keterangan:
<tr>
<td></td> <td></td>
</tr>
</table>
<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
Cara membuat tabel sederhana
<table border="1">Maka hasilnya akan seperti dibawah ini
<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>
Input Data | Input Data | Input Data |
Input Data | Input Data | Input Data |
Jika kita ingin memberikan header dengan menggabungkan beberapa kolom menjadi satu , maka perintahnya akan kita rubah menjadi seperti ini
<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>
</table>
Maka hasilnya akan menjadi seperti ini
Input Data | ||
Input Data | Input Data | Input Data |
Catatan :
Untuk kata yang bercetak tebal silahkan ganti dengan data yang ingin anda input .
- Input data dapat dilakukan di dalam mode Composse
Untuk tulisan dengan warna merah bisa anda sesuaikan dengan jumlah kolom yang anda butuhkan .
Oke , cukup sekian bahasan kita kali ini , semoga dapat dimengerti dan bisa di praktekan dengan baik serta untuk tujuan baik pula .
4 comments
keren,,,,
kenapa ditemplate sy g bisa kluar tabelny saat diposting??
Pastiken saat meletakkan script berada pada mode HTML .
thanks boz untuk tutorialnya.....
Arahkan Kursor dibawah ini untuk memberikan komentar.
No HyperLink dan Komentar Hit&Run akan diacuhkan . Berkomentarlah dengan bahasa yang baik dan benar EmoticonEmoticon