Terus terang sob,posting ini hanya untuk sobat-sobat yang ingin praktis dalam membuat tabel di blogger blogspot,berikut Cara Membuat Tabel dalam Berbagai Macam dan Jenis
1.Tabel Biasa
Contoh:
belajar membuat tabel
|
Code:
<table width="300"
border="1"><tr><td>belajar membuat
tabel</td></tr></table>
2.Tabel Biasa dengan Huruf di posisi center / tengah
Contoh:
belajar membuat
tabel
|
Code:
<table width="300"
border="1"><tr><td align="center">belajar
membuat tabel</td></tr></table>
3.Tabel Biasa dengan Huruf di posisi center / tengah serta border tebal
Contoh:
belajar membuat
tabel
|
Code:
<table width="300"
border="6"><tr><td align="center">belajar
membuat tabel</td></tr></table>
4.Tabel Biasa dengan 2 (dua) kolom / columns
Contoh:
tabel kolom 1
|
tabel kolom 2
|
Code:
<table width="300"
border="1"><tr><td>tabel kolom
1</td><td>tabel kolom 2</td></tr></table>
5.Tabel Biasa dengan 2 (dua) kolom / columns serta border tebal dan Posisi huruf center / tengah
Contoh:
tabel kolom 1
|
tabel kolom 2
|
Code:
<table width="300"
border="6"><tr><td align="center">tabel
kolom 1</td><td align="center">tabel kolom 2</td></tr></table>
6.Tabel Biasa dengan 2 (dua) kolom / columns dan dua baris
Contoh:
kolom satu
|
kolom dua
|
baris kedua
|
baris kedua
|
Code:
<table width="300"
border="1"><tr><td>kolom
satu</td><td>kolom
dua</td></tr><tr><td>baris kedua</td><td>baris
kedua</td></tr></table>
7.Tabel Biasa dengan 2 (dua) kolom / columns dan dua baris serta border tebal juga huruf posisi ceter / tengah
Contoh:
kolom satu
|
kolom dua
|
baris kedua
|
baris kedua
|
Code:
<table width="300"
border="6"><tr><td align="center">kolom
satu</td><td align="center">kolom
dua</td></tr><tr><td align="center">baris
kedua</td><td align="center">baris
kedua</td></tr></table>
8.Tabel Biasa dengan 4 (empat) kolom / columns dan dua baris juga huruf posisi ceter / tengah
Contoh:
kolom satu
|
kolom dua
|
baris kedua
|
baris kedua
|
baris ketiga
|
baris ketiga
|
baris keempat
|
baris keempat
|
Code:
<table width="300"
border="1"><tr><td align="center">kolom
satu</td><td align="center">kolom
dua</td></tr><tr><td align="center">baris
kedua</td><td align="center">baris
kedua</td></tr><tr><td align="center">baris
ketiga</td><td align="center">baris
ketiga</td></tr><tr><td align="center">baris
keempat</td><td align="center">baris
keempat</td></tr></table>
9.Tabel dengan Background Warna-Warni dengan 4 (empat) kolom / columns dan dua baris juga huruf posisi ceter / tengah
Contoh:
kolom satu
|
kolom dua
|
baris kedua
|
baris kedua
|
baris ketiga
|
baris ketiga
|
baris keempat
|
baris keempat
|
Code:
<table width="300"
border="1"><tr><td align="center"
bgcolor="red">kolom satu</td><td align="center"
bgcolor="blue">kolom dua</td></tr><tr><td
align="center" bgcolor="yellow">baris
kedua</td><td align="center"
bgcolor="green">baris kedua</td></tr><tr><td
align="center" bgcolor="#00FFFF">baris
ketiga</td><td align="center"
bgcolor="#FF7F50">baris
ketiga</td></tr><tr><td align="center"
bgcolor="#ADFF2F">baris keempat</td><td
align="center" bgcolor="#FF1493">baris
keempat</td></tr></table>
10.Tabel yang terpisah.
Contoh:
satu
|
|
kolom satu
|
kolom dua
|
baris kedua
|
baris kedua
|
dua
|
|
baris ketiga
|
baris ketiga
|
baris keempat
|
baris keempat
|
Code:
<table width="300"
border="1"><th>satu</th><tr><td
align="center" bgcolor="red">kolom satu</td><td
align="center" bgcolor="blue">kolom
dua</td></tr><tr><td align="center"
bgcolor="yellow">baris kedua</td><td
align="center" bgcolor="green">baris kedua</td></tr><th>dua</th><tr><td
align="center" bgcolor="#00FFFF">baris
ketiga</td><td align="center" bgcolor="#FF7F50">baris
ketiga</td></tr><tr><td align="center"
bgcolor="#ADFF2F">baris keempat</td><td
align="center" bgcolor="#FF1493">baris
keempat</td></tr></table>
11.Tabel Istimewa (halah!)
Contoh:
Tabel
Istimewa
|
|
Daftar Gan
|
|
No.
|
Name:
|
1.
|
Nama Satu
|
2.
|
Nama Dua
|
3.
|
Nama Tiga
|
Code:
<table align="center"
border="1" cellpadding="5" cellspacing="0" >
<caption align="top"><b>Tabel
Istimewa</b></caption><tr><th
colspan="2">Daftar
Gan</th></tr><tr><th>No.</th><th>Name:</th></tr><tr><td>1.</td><td>Nama
Satu</td></tr><tr><td>2.</td><td>Nama
Dua</td></tr><tr><td>3.</td><td>Nama
Tiga</td></tr></table>
Sebenarnya masih banyak gan varian dari tabel ini tinggal modif sendiri aja ya,see you and moga bermanpaat ya :D
Sumber : http://pelajaran-blog.blogspot.com/2012/02/cara-membuat-tabel-dalam-berbagai-macam.html
0 komentar:
Posting Komentar