zhamelank.xtgem.com

Contoh bermacam-macam tabel bagian ke-dua. Beberapa contoh tabel disertai dengan letak dan nama baris ataupun kolom, jika ingin mendapatkan bentuk yang lain, silahkan di edit ulang.

Tabel dengan gambar

<table width="99%" border="1"><tr><td width="99%" bgcolor="#FF6600" align="center"><img src="url_gambar" alt="Alternatif_judul"></td></tr></table>

---

Teks / Link

Teks / Link

Teks / Link

<table width="100%" border="3" style="border:16px ridgeundefined5,10,1);background-color:#500000;"><tr><td>Teks / Link</td><td>Teks / Link</td><td>Teks / Link</td></tr></table>

---

Tabel dengan gambar

Teks 1	Teks 1
Teks 1	Teks 1

<table width="100%" style="border:2px outset grey;padding:1px;background-color:#500000;"><tr><td style="border:4px inset darkrgrey:margin:1px;" width="50%">Teks 1</td><td style="border:4px inset darkrgrey:margin:1px;" width="50%">Teks 1</td></tr><tr><td style="border:4px inset darkrgrey:margin:1px;" width="50%">Teks 1</td><td style="border:4px inset darkrgrey:margin:1px;" width="50%">Teks 1</td></tr></table>

---

Table header

Table header
Table cell 1	Table cell 2

<table border="1"> <tr><th colspan="2">Table header</th></tr> <tr><td style="width:50%;">Table cell 1</td><td>Table cell 2</td></tr> </table>

---

Table header	Table cell 1
	Table cell 2

<table border="1" style="width:100%;"> <tr><th rowspan="2" style="width:40%;">Table header</th> <td>Table cell 1</td></tr> <tr><td>Table cell 2</td></tr> </table>

---

Table header	Table header
Table cell 1	Table cell 2
Table cell 3	Table cell 4

<table border="1" style="background-color:yellow;border:1px dotted black;width:80%;border-collapse:collapse;"> <tr style="background-color:orange;color:white;"> <th style="padding:3px;">Table header</th><th style="padding:3px;">Table header</th> </tr> <tr><td style="padding:3px;">Table cell 1</td><td style="padding:3px;">Table cell 2</td></tr><tr> <td style="padding:3px;">Table cell 3</td><td style="padding:3px;">Table cell 4</td> </tr></table>

---

Tabel Sel dengan 2 kolom

Situs	Kontak
WENRU	Buku Tamu	Feedback

<table border="1"> <tr><th>Situs</th> <th colspan="2">Kontak</th></tr> <tr><td>TEKS/LINK</td> <td>TEKS/LINK</td> <td>TEKS/LINK</tr> </table>

---

Tabel dengan latarbelakang warna

Kolom 1	Kolom 2	Kolom 3
Baris 1 Sel 1	Baris 1 Sel 2	Baris 1 Sel 3
	Baris 2 Sel 2	Baris 2 Sel 3
Baris 3 Sel 1

<table border="5" bgcolor="#545454" width="100%" align="center"> <tr> <th>Kolom 1</th> <th>Kolom 2</th> <th>Kolom 3</th> </tr> <tr> <td rowspan="2">Baris 1 Sel 1</td> <td bgcolor="red">Baris 1 Sel 2</td> <td>Baris 1 Sel 3</td> </tr> <tr> <td>Baris 2 Sel 2</td> <td>Baris 2 Sel 3</td> </tr> <tr><td colspan="3">Baris 3 Sel 1</td> </tr> </table>

---

Baris 1 Kolom 1	Baris 1 Kolom 2
Baris 2 Kolom 1	Baris 2 Kolom 2

<table border="2" bgcolor="#858500" width="100%" align="center"> <tr> <td>Baris 1 Kolom 1</td> <td bgcolor="red">Baris 1 Kolom 2</td> </tr> <tr> <td>Baris 2 Kolom 1</td> <td>Baris 2 Kolom 2</td> </tr> </table>

---

Baris 1 Kolom 1	Baris 1 Kolom 2	Baris 1 Kolom 3
Baris 2 Kolom 1	Baris 2 Kolom 2	Baris 2 Kolom 3
Baris 3 Kolom 1	Baris 3 Kolom 2	Baris 3 Kolom 3

<table border="5" bgcolor="#696969" width="100%" align="center"> <tr> <td>Baris 1 Kolom 1</td> <td bgcolor="red">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 bgcolor="yellow">Baris 2 Kolom 3</td> </tr> <tr> <td bgcolor="lime">Baris 3 Kolom 1</td> <td>Baris 3 Kolom 2</td> <td>Baris 3 Kolom 3</td> </tr> </table>

---

Table spanned

Row 1 Col 1	Row 1 Col 2 Row 2 Col 2	Row 1 Col 3
Row 2 Col 1		Row 2 Col 3
Row 3 Col 1	Row 3 Col 2	Row 3 Col 3

<table border="2" bgcolor="grey" width="100%" align="center"> <tr> <td>Row 1 Col 1</td> <td rowspan="2" bgcolor="yellow">Row 1 Col 2 Row 2 Col 2</td> <td>Row 1 Col 3</td> </tr> <tr> <td>Row 2 Col 1</td> <td>Row 2 Col 3</td> </tr> <tr> <td>Row 3 Col 1</td> <td>Row 3 Col 2</td> <td>Row 3 Col 3</td> </tr> </table>

---

Table spanned

Row 1 Col 1	Row 1 Col 2 Row 2 Col 2	Row 1 Col 3	Row 1 Col 4
Row 2 Col 1		Row 2 Col 3	Row 2 Col 4
Row 3 Col 1	Row 3 Col 2	Row 3 Col 3	Row 4 Col 4

<table border="3" bgcolor="#686868" width="100%" align="center"> <tr> <td>Row 1 Col 1</td> <td rowspan="2" bgcolor="red">Row 1 Col 2 Row 2 Col 2</td> <td>Row 1 Col 3</td> <td>Row 1 Col 4</td> </tr> <tr> <td>Row 2 Col 1</td> <td>Row 2 Col 3</td> <td>Row 2 Col 4</td> </tr> <tr> <td>Row 3 Col 1</td> <td>Row 3 Col 2</td> <td>Row 3 Col 3</td> <td>Row 4 Col 4</td> </tr> </table>

---

R1 C1	R1 C2 spanned R2 C2	R1 C3	R1 C4
R2 C1		R2 C3	R2 C4
R3 C1	R3 C2	R3 C3	R3 C4 spanned R4 C4
R4 C1	R4 C2	R4 C3

<table border="2" bgcolor="black"> <tr> <td>R1 C1</td> <td rowspan="2" bgcolor="blue">R1 C2 spanned R2 C2</td> <td>R1 C3</td> <td>R1 C4</td> </tr> <tr> <td>R2 C1</td> <td>R2 C3</td> <td>R2 C4</td> </tr> <tr> <td>R3 C1</td> <td>R3 C2</td> <td>R3 C3</td> <td rowspan="2" bgcolor="red">R3 C4 spanned R4 C4</td> </tr> <tr> <td>R4 C1</td> <td>R4 C2</td> <td>R4 C3</td> </tr> </table>