Monday, April 15, 2013

Contoh Script tabel Sederhana dalam HTML

Contoh Script tabel Sederhana dalam html 
<table border="1" width="50%" cellspacing="5" cellpadding="0" bgcolor="#cccccc">
<tr><td>one</td></tr>
<tr><td>two</td></tr>
<tr><td>three</td></tr>
</table>
one
two
three
<table border="1" width="50%" cellspacing="5" cellpadding="0" bgcolor="#cccccc">
<tr><td>one</td><td>two</td></tr>
<tr><td>three</td><td>four</td></tr>
</table>
ne two
three four
 <table border="1" width="50%" cellspacing="5" cellpadding="0" bgcolor="#cccccc">
<tr><td>one</td><td rowspan=2>two</td></tr>
<tr><td>three</td></tr>
</table>
one two
three
<table border="1" width="50%" cellspacing="5" cellpadding="0" bgcolor="#cccccc">
<tr><td colspan=2 align=center>one</td></tr>
<tr><td>two</td><td>three</td></tr>
<tr><td>four</td><td>five</td></tr>
</table>
one
two three
four five
<tr><td colspan=2>one</td><td rowspan=2>three</td></tr>
<tr><td rowspan=2>four</td><td>five</td></tr>
<tr><td>six</td><td>seven</td></tr>
</table>
one three
four five
six seven

Kesimpulanya

Untuk menyusun sebuah tabel, kita harus mendeklarasikan awal dengan <table> dan diakhir dengan </table>
Setiap baris, harus dideklarasikan <tr> dan diakhiri dengan </tr>
Setiap kolom, harus menggunakan <th> dan </th> jika sebagai header, <td> dan </td> jika sebagai data.


No comments:

Post a Comment

Kebahagiaan sejati bukanlah pada saat kita berhasil meraih apa yg kita perjuangkan, melainkan bagaimana kesuksesan kita itu memberi arti atau membahagiakan orang lain.