HTML : Membuat Tabel Pada Blogspot











Judul 1 Judul 2
Data 1 Data 2

Didalam membuat sebuah posting, mungkin anda memerlukan table untuk lebih menjelaskan isi postingan tersebut. Untuk itulah, silahkan copy kode html didalam kotak arsir dibawah dan pastekan kedalam kotak postingan anda, agar hasilnya dapat terlihat seperti diatas.
<style type="text/css">.nobrtable br { display: none }</style><div class="nobrtable"><table width="440" border="2" align="center" cellpadding="5" rules="all" frame="box" bordercolor="black">
<tr bgcolor="#CCCCFF">
<th scope="col">Judul 1</th>
<th scope="col">Judul 2</th>
</tr>
<tr>
<td>Data 1 </td>
<td>Data 2 </td>
</tr>
</table></div>
Setelah kode dipastekan, anda dapat berkreasi sendiri dengan kode dasar tersebut, misalnya mengganti header (Judul 1 dan Judul 2) sesuai keinginan anda atau dapat juga menambahkan lebih banyak kolom dengan menambahkan kode <th scope="col">Judul 3</th> dan menambahkan isi data dengan menambahkan lebih banyak kode <td>Data 3 </td>

Kelebihan kode table yang Penulis buat adalah, tidak adanya halaman kosong besar diatas table dan garis tabel juga tidak terlalu tebal seperti kebanyakan tabel lain.