kali ini saya akan share tentang Cara membuat
tabel dalam postingan, ide postingan ini muncul setelah saya di tanya
teman tentang Cara membuat tabel dalam postingan, sahabat bloger pasti
bertanya-tanya apasih kegunaan tabel pada postinga??? Tabel pada
postingan bermaksud untuk memperjelas materi tulisan/artikel atau untuk
mempersingkat penjelasan. Pada panel posting blogger tidak tersedia
fasilitas untuk membuat tabelsehingga kita perlu membuat tabel secara
manual dengan menggunakan tag HTML. Pada dasarnya kita harus sedikit
memahami tentang bahasa html sendiri.gak usah bingung sob tentang cara
memahami bahasa html, bahasa yang kita gunakan untuk membuat tabel pada
postingan tidak terlalu membingungkan kok,santai aja :D
Pertama kita harus mengerti maksud dari kode-kode html yang mau kita pakai pada kali ini
Gimana dah pada ngerti kan. Tinggal di kembangkan sendiri sesuai kebutuhan kalian
Suamnya itu gampang jika kita mau belajar,ya udah cukup dulu posingan Cara membuat tabel dalam postingan.
Pertama kita harus mengerti maksud dari kode-kode html yang mau kita pakai pada kali ini
Kode HTML
|
Keterangan
|
<table>...</table>
|
Perintah untuk membuat tabel
|
<tr>...</tr>
|
Perintah untuk membuat baris
|
<td>...</td>
|
Perintah untuk membuat kolom
|
border, width, align, bgcolor
|
Kode tambahan untuk pengaturan tebal garis
border, lebar tabel, perataan teks dan warna background
|
Gimana sudah sedikit pahamkan.
Lanjut di cara penerapanya
Nah sekarang kita coba membuat tabel 1x3 ( 1 baris 3 kolom ), maka penulisannya seperti ini :
Dengan penulisan kode html seperti ini:
<table border="1"width="450">
<tr>
<td>Konten 1</td>
<td>Konten 2</td>
<td>Konten 3</td>
</tr>
</table>
Konten 1 | Konten 2 | Konten 3 |
1. <table dan </table> :
seperti yang di terangkan di atas bahwa kode itu tadi berguna untuk
pemangilan kode pembuat tabel (intinya kalau membuat tabel pada kode
kita harus di awalai dengan kode <table dan di tutup dengan </table>)
2. border="1" : ini menjelaskan tentang keterangan garis yang kita pakai untuk membuat tabel
3. width="450": lebar kolom
4. <tr> dan </tr>: perintah pembuatan baris, jadi kalau kita hanya membuat satu baris maka hanya seperti ini <tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td></tr>
Untuk pembuatan 2 baris
<tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td></tr>
<tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td></tr>
dan untuk pembuatan 3 baris
<tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td></tr>
<tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td></tr>
<tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td></tr>
dan seterusnya
pokoknya kalau ingin menambah baris kita hanya cukup menambah
<tr> jumlah kolom yang ingin di pasang </tr>:
Dah pada ngerti kan apa maksud saya.
5. <td> dan </td> :
seperti yang kita ketahui bahwa kode ini di pakai untuk pembuatan
kolom caranya pun sama seperti cara pembuatan baris,terus terang saya
bingung untuk menjelaskan tentang ini,tapi tenang saja saya yakin kalian
pasti lebih pintar dari saya ini :D ,dengan saya beri contoh kalian
pasti paham maksud saya,contohnya sebagai berikut
3 kolom
tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td></tr>
4 kolom
tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td><td>Konten 4</td></tr>
intinya kita cukut tambahkan kode <td>Konten</td> jika ingin menambah jumlah kolom.
Contoh pembuat tabel :
2 baris 3 kolom
2 baris 3 kolom
Konten 1 | Konten 2 | Konten 3 |
Konten 1 | Konten 2 | Konten 3 |
<table border="1" width="450"><tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td></tr><tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td></tr></table>
7 baris 4 kolom
Konten 1 | Konten 2 | Konten 3 | Konten 4 |
Konten 1 | Konten 2 | Konten 3 | Konten 4 |
Konten 1 | Konten 2 | Konten 3 | Konten 4 |
Konten 1 | Konten 2 | Konten 3 | Konten 4 |
Konten 1 | Konten 2 | Konten 3 | Konten 4 |
Konten 1 | Konten 2 | Konten 3 | Konten 4 |
Konten 1 | Konten 2 | Konten 3 | Konten 4 |
<table border="1" width="450"><tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td><td>Konten 4</td></tr><tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td><td>Konten 4</td></tr><tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td><td>Konten 4</td></tr><tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td><td>Konten 4</td></tr><tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td><td>Konten 4</td></tr><tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td><td>Konten 4</td></tr><tr><td>Konten 1</td><td>Konten 2</td><td>Konten 3</td><td>Konten 4</td></tr></table>
Suamnya itu gampang jika kita mau belajar,ya udah cukup dulu posingan Cara membuat tabel dalam postingan.
2 Komentar "Cara membuat tabel dalam postingan"
sipz gan....
test