Macam Macam Table HTML Untuk Blog

Biar mudah dan cepat ikuti saja yang ini biar tidak terlalu ribet namun kreativitas tetap ada langsung saja beberapa contoh

table html di bawah ini :

1.Tabel Biasa

Code HTML :
<table width=”300″ border=”1″><tr><td>belajar membuat tabel</td></tr></table>

Hasilnya Lihat Gambar:

1

2.Tabel Biasa dengan Huruf di posisi center / tengah serta border tebal

Code HTML :
<table width="300" border="6"><tr><td align="center">belajar membuat tabel</td></tr></table>

Hasilnya Lihat Gambar :

2

3.Tabel Biasa dengan 2 (dua) kolom / columns

Code:
<table width="300" border="1"><tr><td>tabel kolom 1</td><td>tabel kolom 2</td></tr></table>

Hasilnya Lihat Gambar :

3

4.Tabel Biasa dengan 2 (dua) kolom  serta border tebal dan Posisi huruf  tengah

Code HTML :
<table width="300" border="6"><tr><td align="center">tabel kolom 1</td><td align="center">tabel kolom 2</td></tr></table>

Hasinya Lihat Gambar :

4

5.Tabel Biasa dengan 2 (dua) kolom dan dua baris

Code HTML :
<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>

Hasilnya Lihat Gambar :

5

6.Tabel dengan Background Warna-Warni dengan 4 (empat) kolom  dan dua baris juga huruf posisi huruf di tengah

Code HTML :
<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>

Hasilnya Lihat Gambar :

6

Iklan

2 thoughts on “Macam Macam Table HTML Untuk Blog

Komentari

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s