Kode di bawah ini merupakan kode sederhana dari table sebuah website :
<html >
<head>
<title>Latihan Membuat Table</title>
</head>
<body>
<table width="200" border="1">
<tr>
<td ></td>
<td ></td>
<td ></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
Coba Anda ketik kode di atas menggunakan note pad. Lalu save dengan exktensi file html, lalu jalankan di browser
Hasilnya :
| | | |
| | | |
| | | |
Untuk membuat table yang yang terdiri dari gabungan beberapa kolom maupun baris, kita bisa gunakan kode rowspan ( menggabungkan baris pada table ) dan colspan ( menggabungkan kolom pada table). Selain itu table yang kita buat bisa kita beri warna menggunakan bgcolor.
contoh
<html >
<head>
<title>Untitled Document</title>
</head>
<body>
<table width="200" border="1" bgcolor="blue">
<tr >
<td >1</td>
<td >5</td>
<td rowspan="3"></td>
</tr>
<tr>
<td>2</td>
<td>6</td>
</tr>
<tr>
<td>3</td>
<td>7</td>
</tr>
<tr bgcolor="yellow">
<td colspan="3">4</td>
</tr>
</table>
</body>
</html>
Hasil nya :
| 1 | 5 | 8 |
| 2 | 6 | |
| 3 | 7 | |
| 4 | ||
Tidak ada komentar:
Posting Komentar