Cara Membuat Tabel Didalam Postingan Blog

Assalamu'alaikum wr.wb - Pada artikel kali ini Fellcia akan memberikan tips cara membuat tabel di blog. Sebenarnya cara ini cukup mudah, anda bisa menambahkan beberapa kode yang nantikan akan menjadi sebuah tabel.


Cara Membuat Tabel Didalam Postingan Blog


Untuk membuat sebuah tabel anda memerlukan kode dasar dari tabel tersebut, berikut contoh kode dasar tabel.

<table> - </table>
<th> - </th>
<tr> - </tr>
<td> - </td>

th : Berfungsi sebagai Judul/Head (Untuk kolom)
tr : Berfungsi untuk membuat baris
td : Berfungsi untuk membuat kolom

Nah dari kode diatas anda sudah bisa membuat sebuah tabel, mari kita coba.

1. Membuat tabel dengan 2 kolom kesamping


<table> 
  <tr> 
    <td> Tabel 1 </td>
    <td> tabel 2 </td>
  </tr>
</tabel>

Hasilnya seperti ini

Tabel1 Tabel2

Jika anda ingin membuat 3 kolom atau lebih tinggal tambahkan <td> - </td> sebelum kode </tr> seperti contoh diatas.

2. Membuat tabel 2 baris - 2 kolom


<table> 
  <tr> 
    <th> Judul 1 </th>
    <th> Judul 2 </th>
  </tr>
  <tr> 
    <td> Tabel 1 </td>
    <td> tabel 2 </td>
  </tr>
  <tr> 
    <td> Tabel 1 </td>
    <td> tabel 2 </td>
  </tr>
</tabel>

Maka hasilnya seperti ini

Judul 1 Judul 1
Tabel1 Tabel2
Tabel1 Tabel2


Jika anda ingin membuat lebih, anda hanya perlu menambahkan kode <tr> - </tr> sebelum kode </table> seperti contoh diatas.

Cukup mudah bukan, nah itulah cara membuat tabel dalam postingan blog yang bisa kamu pelajari. Akhir kata wassalamu'alaikum wr.wb.

0 Comments

Posting Komentar