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 .

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 .

Baca Juga

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 AContoh 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 AContoh Kolom 1 B
Contoh Kolom 2 AContoh 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 1AContoh Kolom 1BContoh 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 1AContoh Kolom 1BContoh Kolom 1C
Contoh Kolom 2AContoh Kolom 2BContoh 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 :

Untuk memakai merge cell kita perlu menambahkan cosplan dan rowspawn.


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 : 


mergecell1merge1
merge2amergecell2merge2b
merge3amerge3b


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.

Cara Memberi Warna pada Teks 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'>

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 AContoh 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.

<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 AContoh 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/

Artikel Terkait

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel