Cara Membuat Tabel di Blog

Imran Blog Comment

Mungkin sobat-sobat masih ada yang belum tau membuat tabel di blog, mungkin juga sudah ada yang tau.....

, mudah-mudahan sudah tau semuanya....hehehehe. Tabel terdiri baris dan kolom yang didalamnya terdapat tulisan.......sudah betul tidak penjelsan saya,,, kalau tidak jelas silahkan cari pengertiannya yaaaaa!!!!!
Saya tidak memberikan penjelsan secara detail mengenai tabel...saya hanya langsung kepada intinya....sobat tinggal modifikasi sesuai keinginannya , berikut contoh kode HTML dalam membuat tabel :

Tabel tunggal :

<table width="200" border="1">
<tr>
<td>

Ilmu27

</td>
</tr>
<table>

Ilmu27

Tabel tunggal menggunakan align= Center

<table width="200" border="1">
<tr>
<td align="center">

ilmu27

</td>
</tr>
</table>

ilmu27

Tabel dengan garis tebal dengan menambah nilai border menjadi 10

<table width="200" border="10">
<tr>
<td align="center">

ilmu27

</td>
</tr>
</table>

ilmu27

Tabel dua kolom , tinggal menambah saja kode htmlnya seperti berikut :

<table width="300" border="9">
<tr>
<td align="center">

ilmu27 kolom 1

</td>
<td align="center">

ilmu27 kolom 2

</td>
</tr>
</table>

ilmu27 kolom 1

ilmu27 kolom 2

Tabel dua kolom dan dua baris , kodenya seperti berikut :

<table width="300" border="1">
<tr>
<td align="center">

ilmu27

</td>
<td align="center">

baris 1

</td>
</tr>
<tr>
<td align="center">

ilmu27

</td>
<td align="center">

baris 2

</td>
</tr>
</table>

ilmu27	baris 1
ilmu27	baris 2

Tabel dengan memberikan warna pada backgroundnya , dengan menambah kode bgcolor="kode warna" berikut contohnya :

<table width="300" border="1" >
<td align="center" bgcolor="green">

ilmu27

</td>
<td align="center" bgcolor="red">

baris 1

</td>
</tr>
<tr>
<td align="center" bgcolor="yellow">

ilmu27

</td>
<td align="center" bgcolor="green">

baris 2

</td>
</tr>
</table>

ilmu27	baris 1
ilmu27	baris 2

Tabel ini didalamnya terdapat fungsi caption dan TH (tabel header) :

<table align="left" border="2" bgcolor="cyan" cellpadding="5" cellspacing="0" >
<caption align="top">Tabel 1.1</caption>
<tr bgcolor="fuchsia">
<th colspan="2">Data Karyawan</th>
</tr>
<tr bgcolor="red">
<th>No.</th>
<th>Nama</th>
</tr>
<tr bgcolor="green">
<td>1.</td>
<td>illank</td>
</tr>
<tr bgcolor="red">
<td>2.</td>
<td>ilmu27</td>
</tr>
<tr bgcolor="blue">
<td>3.</td>
<td>gombel</td>
</tr>
</table>

Tabel 1.1
Data Karyawan
No.	Nama
1.	illank
2.	ilmu27
3.	gombel

Menyimpan gambar didalam tabel agar lebih rapi :

<table width="300" border="1"cellpadding="20">
<tr>
<td align="center">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieGdtiLqqhfpsME-V5knUgn7q-RZKnf5ZoA_NWOxTCRDjRhwRHyZMz6ymQzh-apqkKeXn6uJIIMGVGzcA0cX9Mctju1Jirbz5EkLkwPawbi3SmgmP6kCHD1-lUD5KHkArJ6YXbESgbXzM/s220/illank.png"/>

</td>
<td align="center">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieGdtiLqqhfpsME-V5knUgn7q-RZKnf5ZoA_NWOxTCRDjRhwRHyZMz6ymQzh-apqkKeXn6uJIIMGVGzcA0cX9Mctju1Jirbz5EkLkwPawbi3SmgmP6kCHD1-lUD5KHkArJ6YXbESgbXzM/s220/illank.png"/>

</td>
</tr>
<tr>
<td align="center">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieGdtiLqqhfpsME-V5knUgn7q-RZKnf5ZoA_NWOxTCRDjRhwRHyZMz6ymQzh-apqkKeXn6uJIIMGVGzcA0cX9Mctju1Jirbz5EkLkwPawbi3SmgmP6kCHD1-lUD5KHkArJ6YXbESgbXzM/s220/illank.png"/>

</td>
<td align="center">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieGdtiLqqhfpsME-V5knUgn7q-RZKnf5ZoA_NWOxTCRDjRhwRHyZMz6ymQzh-apqkKeXn6uJIIMGVGzcA0cX9Mctju1Jirbz5EkLkwPawbi3SmgmP6kCHD1-lUD5KHkArJ6YXbESgbXzM/s220/illank.png"/>

</td>
</tr>
</table>