Sebenarnya nggak sulit kok untuk bisa membuat tabel. Asalkan kita dapat mengetahui kode html nya untuk buat tabel. Tinggal di copy aja kode html nya terus dikombinasi sedikit sesuai dengan keinginan kita.
Ya..seperti tabelnya berapa kolom, atau berapa baris tinggal di duplikasi saja kode tersebut.
Sebagai contoh kita akan membuat tabel satu kolom. Maka kode html nya adalah sebagai berikut:
<table width="200" border="1">
<tr>
<td>
Contoh tabel 1 kolom
</td>
</tr>
</table>
Maka hasilnya akan seperti gambar berikut:
Contoh tabel 1 kolom |
terlihat tulisannya masih berada di pinggir tabel. Kalau ingin menaruh tulisan di tengah tinggal
dimodifikasi di kodenya menjadi :
<table width="200" border="1">
<tr>
<td align="center">
Contoh tabel 1 kolom
</td>
</tr>
</table>
nanti tampilannya menjadi seperti ini:
Contoh tabel 1 kolom |
Bila ingin kolomnya ditambahkan, tinggal ditambahin kodenya menjadi :
<table width="300" border="9">
<tr>
<td align="center">
Contoh tabel kolom 1
</td>
<td align="center">
Contoh tabel kolom 2
</td>
</tr>
</table>
nanti tampilannya menjadi:
Contoh tabel kolom 1 | Contoh tabel kolom 2 |
Kalau mau membuat tabel dua baris ...kodenya menjadi :
<table width="300" border="1">
<tr>
<td align="center">
kolom 1
</td>
<td align="center">
kolom 2
</td>
</tr>
<tr>
<td align="center">
baris 2 kolom 1
</td>
<td align="center">
baris 2 kolom 2
</td>
</tr>
</table>
nanti tampilannya menjadi :
kolom 1 | kolom 2 |
baris 2 kolom 1 | baris 2 kolom 2 |
Selanjutnya untuk memodifikasi tebal garis, warna, dll anda bisa melakukan modifikasi di bagian berikut:
* bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".
* align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .
* cellpadding : untuk mengatur jarak antara tepi sel dengan isi sel di dalam sebuah tabel. Penempatan kodenya : cellpadding="pixel" .
* border : untuk mengatur tingkat ketebalan garis tepi pada tabel. Penempatan kodenya : boeder="pixel" .
* cellspacing
: untuk mengatur jarak antara sel. Penempatan kodenya : cellspacing="pixel" .
* height : untuk mengatur tinggi tabel. penempatan kodenya : height="pixel"|"%" .
* height : untuk mengatur lebal tabel. Penempatan kodenya : height="pixel"|"%" .
Demikian cara membuat tabel di blogger atau blogspot semoga membantu...
0 comments:
Post a Comment