Membuat Tabel Pada Posting blog

Tabel adalah struktur data yang digunakan untuk menampung informasi seperti item. Dengan tabel pembaca lebih mudah memahami maksut dan informasi  yang disampaikan. Sebuah tabel memiliki sejumlah kolom dan baris. Meskipun dalam blogger tidak dijumpai pengaturan membuat tabel seperti pada M.Office Word dan Exel, pengguna blog tetap bisa membuat tabel dengan edit HTML. Disini akan dijelaskan cara membuat tabel sebagai berikut :

1. Login ke blogger

2. Klik entri baru

3. Masukkan kode berikut pada Edit HTML

<caption>Data siswa SMA</caption>

<table border=1>
<tbody>
<tr>
<th bgcolor="#695AC8" style="width:60px">Nama</th>
<th bgcolor="#695AC8" style="width:60px">Kelas</th>
<th bgcolor="#695AC8" style="width:60px">Umur</th>
<th bgcolor="#695AC8" style="width:60px">Tinggi badan</th>

<th bgcolor="#695AC8" style="width:60px">Hobi</th>
</tr>
<tr>
<td align="center">Anton</td>
<td align="center">3A</td>
<td align="center">16</td>
<td align="center">150</td>

<td align="center">Basket</td>
</tr>
<tr>
<td align="center">Budi</td>
<td align="center">3B</td>
<td align="center">16</td>
<td align="center">155</td>

<td align="center">Basket</td>
</tr>
<tr>
<td align="center">Cecep</td>
<td align="center">3C</td>
<td align="center">15</td>
<td align="center">152</td>

<td align="center">Voli</td>
</tr>
<tr>
<td align="center"> Dian</td>
<td align="center">3D</td>
<td align="center">17</td>
<td align="center">156</td>

<td align="center">Basket</td>
</tr>
<tr>
<td align="center">Guntur</td>
<td align="center">3F</td>
<td align="center">16</td>
<td align="center">140</td>

<td align="center">Badminton</td>
</tr>
</tbody>
</table>

Hasil :

Data siswa SMA

Nama	Kelas	Umur	Tinggi badan	Hobi
Anton	3A	16	150	Basket
Budi	3B	16	155	Basket
Cecep	3C	15	152	Voli
Dian	3D	17	156	Basket
Guntur	3F	16	140	Badminton

Keterangan :

1. Kode dasar tabel selalu diawali <table> dan diakhiri  </table>

2. Kode untuk membuat judul tabel<caption>……..</caption>

3. Kode untuk membuat baris diawali <tr> dan diakhiri </tr>

4. Kode untuk membuat kolom tabel <td> ... </td>

5. Kode umum yang menyertai dalam kode tabel adalah width (...px) yaitu lebar kolom dalam pixel atau %, border (...px) adalah tebal garis pinggir dalam pixel, align (center, left, right) dan bgcolor (kode warna/#......) adalah warna background. anda bisa mengubahnya sendiri sesuai selera baik ukuran maupun warnanya

Related Post