Cara Menciptakan Tabel Di Postingan Blogger Panduan Lengkap Terbaru
Cara Membuat Tabel Di Postingan Blogger Panduan Lengkap Terbaru - apa kabar para pembaca mamang obet ? agar baik baik saja , pada kesempatan ini mamang akan membahas cara menciptakan tabel di postingan blog dengan gampang . pastinya sahabat pernah berkunjung ke blog toko online atau spesifikasi teknologi ? biasanya di sana tertera daftar harga yang berbentuk tabel .
Maka risikonya akan menjadi :
Untuk menambahkan 2 kolom lagi dibawahnya cukup menambahkan isyarat dibawah ini diatas kode </table> :
Setelah ditambahkan maka kodennya nampak ibarat ini :
Dan hasilnnya akan menjadi ibarat dibawah ini :
Untuk menambahkan 2 kolom tabel dibawahnya lagi silahkan tambahkan isyarat lagi ibarat diatas.
Maka risikonya menjadi :
Seperti tadi, untuk menambahkan 3 kolom lagi dibawahnya tambahkan isyarat ini di atas kode </table> :
Maka penampakan kodenya menjadi ibarat :
Dan risikonya menjadi :
Untuk menambahkan 3 kolom tabel lagi dibawahnya, silahkan tambahkan <td>blablabla</td> ibarat klarifikasi aku diatas.
Untuk memakai merge cell kita perlu menambahkan cosplan dan rowspawn.
Contoh Kode :
Dan risikonya menjadi :
Sebagai contoh, aku akan memberi warna merah pada teks dalam tabel 2 kolom. Cukup dengan memasukkan isyarat ibarat di atas pada teks yang akan diberi warna.
Maka risikonya akan ibarat di bawah ini.
Maka risikonya akan ibarat di bawah ini :
Silahkan sahabat edit sendiri kode-kode yang telah aku berikan, untuk diterapkan dalam postingan blog sobat. Sekian dulu artikel Cara Membuat Tabel Di Postingan Blogger Panduan Lengkap Terbaru , Semoga Bermanfaat Bagi Anda :) .
Sumber https://www.mamangobet.xyz/
Hal ini untuk mempermudah bagi pengunjungnya untuk mencari harga barang yang ia cari . Tabel adalah sekumpulan data atau isu yang tersusun dengan garis pembatas.
Tabel tidak hanya mempunyai kegunaan untuk menampilkan harga pada blog online shop . tapi Tabel juga sanggup mempunyai kegunaan untuk menampilkan suatu isu atau keterangan tertentu. Sehingga dengan tabel ini pengunjung sanggup lebih gampang untuk mendapat isu dari postingan kita. Kita sanggup menciptakan tabel dengan memakai software ibarat microsoft word atau microsoft excel. Namun, tentunya hal tersebut menciptakan kita agak ribet alasannya yakni harus menulis disoftware kemudian memindahkannya di postingan Blogger.
Elemen dasar HTML menciptakan table itu yakni <table></table>. Nah , pada kesempatan ini mamang akan membahasnya secara rinci di artikel ini memakai isyarat HTML .
Cara Membuat Tabel Di Postingan Blog
Untuk memasukan tabel / menciptakan tabel di postingan blog , silahkan ganti mode compose ke mode HTML .Pembuatan Tabel 2 Kolom
Masukkan isyarat dibawah ini & pastikan anda dalam mode HTML
<table> <tr> <td>Contoh Kolom 1 A</td> <td>Contoh Kolom 1 B</td> </tr> </table>Maka risikonya akan menjadi :
| Contoh Kolom 1 A | Contoh Kolom 1 B |
Untuk menambahkan 2 kolom lagi dibawahnya cukup menambahkan isyarat dibawah ini diatas kode </table> :
<tr> <td>Contoh Kolom 2 A </td> <td>Contoh Kolom 2 B </td> </tr>Setelah ditambahkan maka kodennya nampak ibarat ini :
<table> <tr> <td>Contoh Kolom 1 A </td> <td>Contoh Kolom 1 B </td> </tr> <tr> <td>Contoh Kolom 2 A </td> <td>Contoh Kolom 2 B </td> </tr> </table>Dan hasilnnya akan menjadi ibarat dibawah ini :
| Contoh Kolom 1 A | Contoh Kolom 1 B |
| Contoh Kolom 2 A | Contoh Kolom 2 B |
Untuk menambahkan 2 kolom tabel dibawahnya lagi silahkan tambahkan isyarat lagi ibarat diatas.
Pembuatan Tabel 3 Kolom
Untuk pembuatan tabel 3 kolom cukup menambahkan <td>nama tabel</td>, coba masukkan isyarat dibawah ini pada mode html :
<table> <tr> <td>Contoh Kolom 1A</td> <td>Contoh Kolom 1B</td> <td>Contoh Kolom 1C</td> </tr> </table>Maka risikonya menjadi :
| Contoh Kolom 1A | Contoh Kolom 1B | Contoh Kolom 1C |
Seperti tadi, untuk menambahkan 3 kolom lagi dibawahnya tambahkan isyarat ini di atas kode </table> :
<tr> <td>Contoh Kolom 2A</td> <td>Contoh Kolom 2B</td> <td>Contoh Kolom 2C</td> </tr>Maka penampakan kodenya menjadi ibarat :
<table> <tr> <td>Contoh Kolom 1A</td> <td>Contoh Kolom 1B</td> <td>Contoh Kolom 1C</td> </tr><tr><td>Contoh Kolom 2A</td> <td>Contoh Kolom 2B</td> <td>Contoh Kolom 2C</td> </tr> </table>
Dan risikonya menjadi :
| Contoh Kolom 1A | Contoh Kolom 1B | Contoh Kolom 1C |
| Contoh Kolom 2A | Contoh Kolom 2B | Contoh Kolom 2C |
Untuk menambahkan 3 kolom tabel lagi dibawahnya, silahkan tambahkan <td>blablabla</td> ibarat klarifikasi aku diatas.
Cara Menggunakan Merge Cell Pada Tabel Postingan Blog :
Contoh Kode :
<table> <tr> <td colspan="2">mergecell1</td> <td>merge1</td> </tr> <tr> <td>merge2a</td> <td rowspan="2">mergecell2</td> <td>merge2b</td> </tr> <tr> <td>merge3a</td> <td>merge3b</td> </tr> </table>Dan risikonya menjadi :
| mergecell1 | merge1 | |
| merge2a | mergecell2 | merge2b |
| merge3a | merge3b | |
Cara Membuat Warna Pada Tabel
Supaya tabel lebih menarik, kita sanggup memberi warna pada tabel. Kita bisa memberi warna pada teks dalam tabel, ataupun pada background tabel. Dengan memberi warna, pengunjung akan lebih tertarik dan tidak gampang bosan untuk membaca artikel di blog kita. Berikut cara gampang memberi warna pada tabel.
Untuk memberi warna pada teks dalam tabel, kita hanya perlu menambahkan isyarat style='color:warna' di dalam tag <td> sehingga menjadi <td style='color:warna'>
Cara Memberi Warna pada Teks Tabel
Ganti warna dengan nama warna yang diinginkan atau dengan isyarat warna html
Sebagai contoh, aku akan memberi warna merah pada teks dalam tabel 2 kolom. Cukup dengan memasukkan isyarat ibarat di atas pada teks yang akan diberi warna.
<table> <tbody> <tr> <td style="color: red;">Contoh Kolom 1 A</td> <td>Contoh Kolom 1 B</td> </tr> </tbody></table> Maka risikonya akan ibarat di bawah ini.
| Contoh Kolom 1 A | Contoh Kolom 1 B |
Cara Memberi Warna Pada Backround Tabel
Hampir sama dengan cara memberi warna pada teks tabel, untuk memberi warna pada background tabel, kita hanya perlu menambahkan kode style='background-color:warna' di dalam tag <td> yang akan diberi warna, sehingga menjadi <td style='background-color:warna'>
Sebagai contoh, aku akan memberi warna merah pada background dalam tabel 2 kolom.
Sebagai contoh, aku akan memberi warna merah pada background dalam tabel 2 kolom.
<table> <tr> <td style='background-color:red'>Contoh Kolom 1 A</td> <td>Contoh Kolom 1 B</td> </tr> </table>Maka risikonya akan ibarat di bawah ini :
| Contoh Kolom 1 A | Contoh Kolom 1 B |
Silahkan sahabat edit sendiri kode-kode yang telah aku berikan, untuk diterapkan dalam postingan blog sobat. Sekian dulu artikel Cara Membuat Tabel Di Postingan Blogger Panduan Lengkap Terbaru , Semoga Bermanfaat Bagi Anda :) .
Sumber https://www.mamangobet.xyz/
