Cara Membuat Tabel Sederhana di Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Kali ini Saya mau memberitahu Cara Membuat Tabel Sederhana di Blog.
Bagi blogger, sebuah tabel itu penting agar bisa merapikan tulisan. Misalnya mengurutkan tulisan seperti daftar kumpulan kata atau menuliskan spesifikasi gadget. Jadi, tabel ini sangat berguna untuk blogger yang sering menunjukkan spesifikasi gadget. Berikut ini contoh beberapa tabel sederhana yang bisa kalian buat di blog atau website.

Tabel jenis 1

Nama tabel

satu kolom

<table width="200" border="1"> <tr><td scope="col"><div align="center"> Nama tabel</div> </td></tr> </span></div> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"> <tr><td><div align="center"> satu kolom</div> </td></tr> </span></div> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></table>
Tabel jenis 2

keras

watak

<table width="200" border="1"> <tr><td scope="col"><div align="center"> keras</div> </td><td scope="col"><div align="center"> watak</div> </td></tr> </table>

Tabel jenis 3

qqq	wwww
aaaaa Goggle	zzzzz

<table width="500" border="1"> <tr> <td scope="col"><div align="center"> qqq</div> </td><td scope="col"><div</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">align="center">wwww</div</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">align="center"></td> </tr> </span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"> <tr> <td scope="col"><div align="center"> aaaaa<br /></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">Goggle</div> </td><td scope="col"><div align="center"> zzzzz</div> </td></tr> </span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></table>

Tabel jenis 4

qqqqqqqqqqqqqqqqqqqqqqqqqq
qq	aa	zz
xxxxx	vvvvv	wwwww
rrrrr	ffffff	hhhhh

Keterangan : colspan="3"
Artinya baris pertama lebarnya 3 kolom

<table border="1" style="margin-left: auto; margin-right: auto; text-align:left; width:200px;"><tbody></span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"> <tr><th colspan="3" scope="col"><div</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">align="center">qqqqqqqqqqqqqqqqqqqqqqqqqq</div</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">align="center"></th></tr> </span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"> <tr><td><div align="center"> <strong>qq</strong></div> </td><td><div align="center"> <strong>aa</strong></div> </td><td><divalign="center"><strong>zz</strong></divalign="center"></td></tr> </span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"> <tr><td><div align="center"> xxxxx</div> </td><td><div align="center"> vvvvv</div> </td><td><divalign="center">wwwww</divalign="center"></td></tr> </span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"> <tr><td><div align="center"> rrrrr</div> </td><td><div align="center"> ffffff</div> <td><div align="center"> hhhhh</div> </td></td></tr> </span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></tbody></table>

Tabel jenis 5

haking	facebook	zynga
poker	hacking	email

<table width="0" border="5"> <tr><td>haking</td> <td>facebook</td> <td>zynga</td></tr> </span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"> <tr><td>poker</td> <td>hacking</td> <td>email</td></tr> </span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></table>

Tabel jenis 6

warna	warna	warna
warna	warna	warna

<table width="0" border="1"</span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;">bordercolor="#00FF00"> <tr> <td>warna</td> <td>warna</td> <td>warna</td></tr> </span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"> <tr> <td>warna</td> <td>warna</td> <td>warna</td></tr> </span></div> <span style="font-family: inherit;"> </span><br /> <div style="text-align: left;"> <span style="font-family: inherit; line-height: 15px; white-space: pre-wrap;"></table>

Tabel jenis 7

background berwana

background berwana

background berwana

<table width="0" border="1"> <tr><td bgcolor="#00FF00"><div align="center">background berwana</div align="center"></td><td bgcolor="#FF0000"><div align="center">background berwana</div align="center"></td> <td bgcolor="#00FFFF"><div align="center">background berwana</div align="center"></td></tr> </table>

Perhatian:

• Kalian bisa langsung copy script yang ada di dalam kotak untuk melihat hasilnya dan kalian bisa modifikasi sendiri.

Semoga informasi mengenai Cara Membuat Tabel Sederhana di Blog bermanfaat untuk kalian.