Salah satu kendala yang mungkin kita hadapi adalah keterbatasan dalam membuat tabel langsung dari post editor Blogger. Tidak perlu khawatir! Kita bisa mengatasinya dengan membuat tabel secara manual menggunakan kode HTML.
Membuat Tabel di Postingan
Mari kita mulai dengan yang sederhana dulu, yaitu membuat tabel dengan menggunakan kode HTML. Berikut contohnya:
<table border="1" cellpadding="1" style="width: 100%;">
<tbody>
<tr>
<td>baris 1, kolom 1</td>
<td>baris 1, kolom 2</td>
</tr>
<tr>
<td>baris 2, kolom 1</td>
<td>baris 2, kolom 2</td>
</tr>
</tbody>
</table>
baris 1, kolom 1 | baris 1, kolom 2 |
baris 2, kolom 1 | baris 2, kolom 2 |
Untuk menggunakan tabel ini di postingan kita, langkahnya cukup sederhana.
- Pertama-tama, kita buka Post Editor dan beralih ke mode Tampilan HTML.
- Selanjutnya, tempatkan kode HTML tabel ini di posisi yang kita inginkan dalam konten postingan kita. Mudah bukan?
Tentang HTML Tabel
Sekarang, mari kita bahas sedikit lebih dalam tentang struktur tabel HTML yang kita gunakan.
table:
Ini adalah tag utama untuk membuat tabel.
tbody:
Tag ini mendefinisikan tubuh tabel. Meskipun opsional, disarankan untuk digunakan. Blogger akan melengkapi tag ini secara otomatis jika tidak didefinisikan.
tr:
Tag untuk membuat baris baru dalam tabel. Setiap tabel harus memiliki setidaknya satu baris.
td:
Ini adalah tag untuk membuat sel dalam tabel. Setiap baris harus memiliki setidaknya satu sel.
Menggunakan Tag th
Selain menggunakan tag td untuk sel, kita juga bisa menggunakan tag th untuk membuat header tabel. Contohnya seperti ini:
<table border="1" cellpadding="1" style="width: 100%;">
<tbody>
<tr>
<th>Nama Depan</th>
<th>Nama Belakang</th>
</tr>
<tr>
<td>Randi</td>
<td>Iskandar</td>
</tr>
<tr>
<td>Iskandar</td>
<td>Randi</td>
</tr>
</tbody>
</table>
Nama Depan | Nama Belakang |
---|---|
Randi | Iskandar |
Iskandar | Randi |
Sekarang, dengan pengetahuan baru ini, mari kita tambahkan keahlian baru dalam menyusun postingan blog kita dengan tabel yang rapi dan informatif. Semangat untuk terus berkarya!