Rabu, Februari 22, 2012

Cara Membuat Tabel di Blogspot

Untuk membuat table ukuran 1 x 1, maka kode htmlnya adalah sebagai berikut:
<table border="1" cellspacing="0">
<tr><td>Baris 1 Kolom 1</td></tr>
</table>
maka hasilnya adalah sebagai berikut:

Baris 1 Kolom 1

Untuk membuat table ukuran 1 x 3, maka kode htmlnya adalah sebagai berikut:
<table border="1" cellspacing="0">
<tr><td>Baris 1 Kolom 1</td> <td>Baris 1 Kolom 2</td> <td>Baris 1 Kolom 3</td></tr>
</table>
maka hasilnya adalah sebagai berikut:
Baris 1 Kolom 1 Baris 1 Kolom 2 Baris 1 Kolom 3

Untuk membuat table ukuran 2 x 3, maka kode htmlnya adalah sebagai berikut:
<table border="1" cellspacing="0">
<tr><td>Baris 1 Kolom 1</td> <td>Baris 1 Kolom 2</td> <td>Baris 1 Kolom 3</td></tr>
<tr><td>Baris 2 Kolom 1</td> <td>Baris 2 Kolom 2</td> <td>Baris 2 Kolom 3</td></tr>
</table>
maka hasilnya adalah sebagai berikut:
Baris 1 Kolom 1 Baris 1 Kolom 2 Baris 1 Kolom 3
Baris 2 Kolom 1 Baris 2 Kolom 2 Baris 2 Kolom 3

Untuk membuat tabel Merge Cell, dengan 2 subkolom kode htmlnya adalah sebagai berikut:
<table border="1" cellspacing="0">
<tr> <td colspan="2">Judul</td> </tr>
<tr> <td >Subjudul 1</td> <td >Subjudul 2</td> </tr>
</table>
maka hasilnya adalah sebagai berikut:
Judul
Subjudul 1 Subjudul 2

Untuk membuat tabel Merge Cell, dengan 3 subkolom kode htmlnya adalah sebagai berikut:
<table border="1" cellspacing="0">
<tr> <td colspan="3">Judul</td> </tr>
<tr> <td >Subjudul 1</td> <td >Subjudul 2</td> <td >Subjudul 3</td> </tr>
</table>
maka hasilnya adalah sebagai berikut:
Judul
Subjudul 1 Subjudul 2 Subjudul 3

Untuk membuat tabel Merge Cell, dengan 3 subkolom, dan tulisan pada kolom utamanya terletak di tengah, kode htmlnya adalah sebagai berikut:
<table border="1" cellspacing="0">
<tr> <td colspan="3" align="center">Judul</td> </tr>
<tr> <td >Subjudul 1</td> <td >Subjudul 2</td> <td >Subjudul 3</td> </tr>
</table>
maka hasilnya adalah sebagai berikut:
Judul
Subjudul 1 Subjudul 2 Subjudul 3

Untuk membuat tabel ukuran 1 x 1 dengan garis tabel berwarna hijau, kode htmlnya adalah sebagai berikut:
<table border="1" bordercolor="green" cellspacing="0">
<tr><td>Baris 1 Kolom 1</td></tr>
</table>
maka hasilnya adalah sebagai berikut:
Baris 1 Kolom 1

Untuk membuat table ukuran 1 x 2, salah satu kolomnya berisi beberapa baris teks, maka kode htmlnya adalah sebagai berikut:
<table border="1" cellspacing="0">
<tr><td>Judul</td>
<td>Subjudul 1<br/>
Subjudul 2<br/>
Subjudul 3<br/>
Subjudul 4</td></tr></table>
maka hasilnya adalah sebagai berikut:
Judul Subjudul 1
Subjudul 2
Subjudul 3
Subjudul 4

Untuk menjadikan tulisan Judul diposisikan sebagai rata atas, maka kode htmlnya adalah sebagai berikut:
<table border="1" cellspacing="0">
<tr><td valign="top">Judul</td>
<td>Subjudul 1<br/>
Subjudul 2<br/>
Subjudul 3<br/>
Subjudul 4</td></tr></table>
maka hasilnya adalah sebagai berikut:
Judul Subjudul 1
Subjudul 2
Subjudul 3
Subjudul 4


kalau ada kendala, hubungi sahabat ya... hehe... : )
semoga bermanfaat bagi teman blogger...