Wednesday, March 12, 2014

Membuat Table Sederhana dengan HTML di Blogger Blogspot

Untuk membuat tabel sederhana di blogger blogspot, cukup mudah dan sederhana juga dengan kode html berikut,
<table>
<tbody>
<tr>
<td>Cell 1 </td>
<td>Cell 2 </td>
</tr>
<tr>
<td>Cell 3 </td>
<td>Cell 4 </td>
</tr>
</tbody>
</table>
Hasilnya adalah sebagai berikut,

Cell 1 Cell 2
Cell 3 Cell 4

Sedangkan CSS yang saya pakai dalam blog adalah sebagai berikut,
table, td, th
{
border:1px solid #444444;        /* warna garis tabel
border-collapse:collapse;
text-align:left;
padding:3px;
}

Keterangan:
  • <th>: table header, mendefinisikan cell yang merupakan header dari grup cell table. 
  • <tr>: table row, mendifinisikan elemen kolom dalam cell tabel.
  • <td>: table data, mendefinisikan sebual cell dari tabel yang berisi data.
Related Posts Plugin for WordPress, Blogger...