Cara membuat table didalam artikel atau postingan

Saya membuat artikel ini karna ada temen-temen cara gery yang ingin membuat suatu table di dalam artikel nya.
Dan sekarang saya akan mempostingkan nya di bawah ini :

Macam-macam pembuatan table

Silahkan di copy pastekan ke notepad anda dulu sebelum ke mode html artikel blog anda. Sehingga nanti nya bisa anda edit dengan lebih nyaman.

Table 1

<table width="620" border="1"><tr><td>Belajar Membuat Tabel</td></tr></table>

Hasil nya :

Belajar Membuat Tabel

Table 2

<table width="620" border="1"><tr><td align="center">Belajar Membuat Tabel</td></tr></table<

Hasil nya :

Belajar Membuat Tabel

Table 3

<table width="620" border="6"><tr><td align="center">Belajar Membuat Tabel</td></tr></table>

Hasil nya :

Belajar Membuat Tabel

Table 4

<table width="620" border="1"><tr><td>Tabel kolom 1</td><td>Tabel kolom 2</td></tr></table>

Hasil nya :

Tabel kolom 1Tabel kolom 2

Table 5

<table width="620" border="6"><tr><td align="center">Tabel kolom 1</td><td align="center">Tabel kolom 2</td></tr></table>

Hasil nya :

Tabel kolom 1Tabel kolom 2

Table 6

<table width="620" border="1"><tr><td>Kolom satu</td><td>Kolom dua</td></tr><tr><td>Baris kedua</td><td>Baris kedua</td></tr></table>

Hasil nya :

Kolom satuKolom dua
Baris keduaBaris kedua

Table 7

<table width="620" 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>

Hasil nya :

Kolom satuKolom dua
Baris keduaBaris kedua

Table 8

<table width="620" 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>
Hasil ny :

Kolom satuKolom dua
Baris keduaBaris kedua
Baris ketigaBaris ketiga
Baris keempatBaris keempat

Table 9

<table width="620" 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>
Hasil nya :

Kolom satuKolom dua
Baris keduaBaris kedua
Baris ketigaBaris ketiga
Baris keempatBaris keempat

Table 10

<table width="620" 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>

Hasil nya :

satu
Kolom satuKolom dua
Baris keduaBaris kedua
dua
Baris ketigaBaris ketiga
Baris keempatBaris keempat

Segitu saja dulu ya dan nanti pasti akan saya update dengan gaya table-table yang lain nya.

Untuk warna bisa anda ganti sesuai selera di sini :
kode warna html
Selamat mencoba dan semoga bisa bermanfaat.
Lebih baru Lebih lama