Minggu, 29 Maret 2015

Membuat Tabel Sederhana dengan HTML

Judul Website
row 1, cell 1 row 1, cell 2 row 1, cell 3 row 1, cell 4 row 1, cell 5
row 2, cell 1 row 2, cell 2 row 2, cell 3 row 2, cell 4 rowspan 4
row 3, cell 1 row 3, cell 2 row 3, cell 3 row 3, cell 4
colspan 2 colspan 2
colspan 4
Source Code:
<!DOCTYPE html>
<html>
<head>
<title>Judul Website</title>
</head>
<body>
<table border="3" cellpadding="0" cellspacing="0" width="100%">
<tr>
<th>row 1, cell 1</th>
<th>row 1, cell 2</th>
<th>row 1, cell 3</th>
<th>row 1, cell 4</th>
<th>row 1, cell 5</th>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
<td>row 2, cell 3</td>
<td>row 2, cell 4</td>
<td rowspan="4" valign="middle" align="center">rowspan 4</td>
</tr>
<tr>
<td>row 3, cell 1</td>
<td>row 3, cell 2</td>
<td>row 3, cell 3</td>
<td>row 3, cell 4</td>
</tr>
<tr>
<td colspan="2">colspan 2</td>
<td colspan="2">colspan 2</td>
</tr>
<tr>
<td colspan="4" align="center">colspan 4</td>
</tr>
</table>
</body>
</html>

Tidak ada komentar:

Posting Komentar