Home » , » Membuat Table / Frame Text di Blog HTML

Membuat Table / Frame Text di Blog HTML

Written By : Robert Aman
Updated by : berdbord at 00.37

earn 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 1tabel 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 1tabel 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 satukolom dua
baris keduabaris 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 satukolom dua
baris keduabaris 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 satukolom dua
baris keduabaris kedua
baris ketigabaris ketiga
baris keempatbaris 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 satukolom dua
baris keduabaris kedua
baris ketigabaris ketiga
baris keempatbaris 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 satukolom dua
baris keduabaris kedua
dua
baris ketigabaris ketiga
baris keempatbaris 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>

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 :
Share this article :
0 Comments
Komentar

0 comments:

Speak up your mind

Tell us what you're thinking... !

Related Posts Plugin for WordPress, Blogger...
English French German Spain Italian Dutch Japanese
 
Support : berdbord | Bceceran
Copyright © 2013. berdbord - All Rights Reserved
berdbord 2013