Trik Cara Membuat Tabel Dalam Berbagai Macam & Jenis
Oke sob, kai ini ane pengen share sedikit trik yg kalau orang batak bilang "simple but important" (halah, sok-sokan english...)
Terus terang sob, posting ini hanya untuk ente-ente yang ingin praktis dalam membuat tabel di blogger blogspot, nah darpada kebanyakan cingcong ga karuan langsung aja berikut Trik Cara Membuat Tabel Dalam Berbagai Macam & 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 center / 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 lagi sob varian dari tabel ini. Tapi berhubung ane udah ngantuk, ente tinggal modif sendiri aja ya, see you and moga bermanfaat ya :D
0 comments