<table border=”1″>
<tr>
<td>Cell 1</td><td>Cell 2</td>
</tr>
</table>
tampilan dari kode html diatas adalah seperti dibawah ini…
Cell 1 | Cell 2 |
nach sebagai contoh kode di bawah ini merupakan contoh dari lebar yang disesuaikan dengan lebar postingan,
<table border=”1″ cellpadding=”5″ cellspacing=”5″ width=”100%”>
<tr>
<td width=”20%”>Cell 1</td><td>Cell 2</td>
</tr>
</table>
hasilnya
Cell 1 | Cell 2 |
<table border=”1″ cellpadding=”5″ cellspacing=”5″ width=”100%”>
<tr>
<th>Table header</th>
<th>Table header</th>
</tr>
<tr>
<td width=”20%”>Table cell 1</td><td>Table cell 2</td>
</tr>
</table>
hasilnya
Header 1 | Header 2 |
---|---|
Cell 1 | Cell 2 |
<table border=”1″ cellpadding=”5″ cellspacing=”5″ width=”100%”>
<tr>
<th colspan=”2″>Table header</th>
</tr>
<tr>
<td width=”20%”>Table cell 1</td><td>Table cell 2</td>
</tr>
</table>
hasilnya
Header Coloum | |
---|---|
Cell 1 | Cell 2 |
<table border=”1″ cellpadding=”5″ cellspacing=”5″ width=”100%”>
<tr>
<th rowspan=”2″>Table header</th><td>Table cell 1</td>
</tr>
<tr>
<td>Table cell 2</td>
</tr>
</table>
hasilnya
Header Row | Cell 1 |
---|---|
Cell 2 |
<table border=”1″ cellpadding=”5″ cellspacing=”5″ width=”100%”>
<tr>
<th style=”color:blue;background-color:yellow;” rowspan=”2″>Table header</th><td>Table cell 1</td>
</tr>
<tr>
<td>Table cell 2</td>
</tr>
</table>
hasilnya
Header row background | Cell 1 |
---|---|
Cell 2 |
Sumber : http://www.karsono.co.cc/