1.Tabel BiasaContoh:
| 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>Selamat mencoba....
Authorized : Robert Aman
Kamu Telah Membaca Artikel Tentang Membuat Table / Frame Text di Blog HTML. Kamu Boleh Mengcopy-Paste Atau Menyebarluaskan Artikel Ini, Tapi Jangan Lupa Untuk Meletakkan Link Dibawah Ini Sebagai Sumbernya :
