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
Hasil nya :
Table 2
Hasil nya :
Table 3
Hasil nya :
Table 4
Hasil nya :
Table 5
Hasil nya :
Table 6
Hasil nya :
Table 7
Hasil nya :
Table 8
Table 9
Table 10
Hasil nya :
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.
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 1 | Tabel 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 1 | Tabel 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 satu | Kolom dua |
Baris kedua | Baris 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 satu | Kolom dua |
Baris kedua | Baris 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 satu | Kolom dua |
Baris kedua | Baris kedua |
Baris ketiga | Baris ketiga |
Baris keempat | Baris 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 satu | Kolom dua |
Baris kedua | Baris kedua |
Baris ketiga | Baris ketiga |
Baris keempat | Baris 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 satu | Kolom dua |
Baris kedua | Baris kedua |
dua | |
Baris ketiga | Baris ketiga |
Baris keempat | Baris 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.