1. Membuat Table
<body>
<table>
<caption> Tabel Keahlian</caption>
<tr><th>Name</th><th>Keahlian</th></tr>
<tr><td>Superman</td><td>Bisa Terbang</td></tr>
<tr><td>Spiderman</td><td>Nempel Dinding</td></tr>
</table>
</body>
</html>
ket.
- tag untuk judul
- tag untuk isi table
- tag untuk isi table headline(nama kolom)
- tag untuk isi-isi tabel
2. Membuat table dengan background color dan border
<body>
<table bgcolor="yellow" border="5">
<caption> Tabel Keahlian</caption>
<tr><th>Name</th><th>Keahlian</th></tr>
<tr><td>Superman</td><td>Bisa Terbang</td></tr>
<tr><td>Spiderman</td><td>Nempel Dinding</td></tr>
</table>
</body>
</html>
3. Membuat table dengan jarak dan menentukan jarak table
<body>
<table border="10" cellpadding="10" cellspacing="20">
<caption> Tabel Keahlian</caption>
<tr><th>Name</th><th>Keahlian</th></tr>
<tr><td>Superman</td><td>Bisa Terbang</td></tr>
<tr><td>Spiderman</td><td>Nempel Dinding</td></tr>
</tabel>
</body>
</html>
ket.
- tag untuk memberi jarak antar tabel
- tag untuk memberi jarak spasi antar table
4. Membuat table dengan ukuran yang diinginkan
<html>
<body>
<table border="1" width="300 height="600" align="center">
<caption> Tabel Keahlian</caption>
<tr><th>Name</th><th>Keahlian</th></tr>
<tr><td valign="top">Superman</td><td>Bisa Terbang</td></tr>
<tr><td valign="middle">Spiderman</td><td>Nempel Dinding</td></tr>
</body>
</html>
5. Contoh table lainnya
<html>
<body>
<table border="1">
<caption>DAta Mamalia</caption>
<tr>
<th rowspan="2" colspan="2"> Mamalia <th colspan="3">Jenis Mamalia</th>
</tr>
<tr>
<th> Orang<br/>Utan </th><th>Gajah</th><th>Zebra</th>
</tr>
<tr>
<th rowspan="2">Jenis<br/>Kelamin</th>
<th>Jantan</th>
<td>15</td><td>5</td><td>8</td>
</tr>
<tr>
<th>Betina</th>
<td>25</td><td>7</td><td>10</td>
</tr>
</table>
</body>
</html>
Tidak ada komentar:
Posting Komentar