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:
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 Info
you comment i follow,...
BalasHapus