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...
1 komentar:
makasih gan, work tutornya
Posting Komentar