Monday, February 14, 2011

TabeL..

Pembuatan desain tabel pada halaman web dengan memanfaatkan fitur pengelompokan.
Hasilnya seperti:


Codenya:
<!DOCTYPE HTML> 
<html lang="en">
<head>
<title>Tugas Praktikum 2</title>
</head> 
<body> 
<font face="Times New Roman"> 
<table border="7" cellspacing=1 frame="hsides" rules="groups" cellpadding=1>
<h3 align="center"><b>PERBANDINGAN SIKAP<b></h3> 
<colgroup align="center"> 
<colgroup align="center"> 
<colgroup align="center"> 
<colgroup align="center"> 
<colgroup align="center"> 
<colgroup align="center"> 
<tr><th width="35">No.<th width="250">Spesifikasi Sikap 
<th width="50">Poin<th width="200"> Herlambang 
<th width="200">Nidhom 
<th width="200">Bian 
<th width="200">Sony</tr> 
 
<tbody> 
<tr><td align="center">1 
<td>Kerja Keras 
<td align="center">8<td align="center">x 
<td align="center">x 
<td align="center">- 
<td align="center">- 
</tr> 
<tr><td align="center">2 
<td>Tekun 
<td align="center">9<td align="center">x 
<td align="center">x 
<td align="center">x 
<td align="center">- 
</tr> 
<tr><td align="center">3 
<td>Tidak Sombong 
<td align="center">6<td align="center">x 
<td align="center">- 
<td align="center">- 
<td align="center">- 
</tr> 
<tr><td align="center">4 
<td>Sabar 
<td align="center">7<td align="center">x 
<td align="center">- 
<td align="center">- 
<td align="center">- 
</tr> 
<tr><td align="center">5 
<td>Pemaaf 
<td align="center">10<td align="center">x 
<td align="center">- 
<td align="center">x 
<td align="center">- 
</tr> 
<tbody> 
<tr><td align="center">6 
<td>Pemalas 
<td align="center">-5<td align="center">- 
<td align="center">- 
<td align="center">x 
<td align="center">x 
</tr> 
<tr><td align="center">7 
<td>Ceroboh 
<td align="center">-3<td align="center">- 
<td align="center">- 
<td align="center">x 
<td align="center">x 
</tr> 
<tr><td align="center">8 
<td>Tinggi Hati 
<td align="center">-7<td align="center">- 
<td align="center">x 
<td align="center">- 
<td align="center">x 
</tr> 
<tr><td align="center">9 
<td>Pendendam 
<td align="center">-10<td align="center">- 
<td align="center">x 
<td align="center">x 
<td align="center">x 
</tr> 
<tr><td align="center">10 
<td>Kurang Vitamin 
<td align="center">-11<td align="center">- 
<td align="center">x 
<td align="center">- 
<td align="center">x 
</tr> 
<tbody> 
<tr> 
<td colspan=3 align="center"><b>Jumlah Poin</b></td> 
<td align="center">40</td> 
<td align="center">-11</td> 
<td align="center">1</td> 
<td align="center">-36</td> 
</tr> 
</table>
Source: Forbes Megazine-February, 2011
&copy;ADH</font>
</font> 
</body> 
</html>

No comments:

Post a Comment