Tugas Praktikum No. 2 (modul 2)
Tampilan Halaman Web
Halaman Web diatas merupakan desain tabel perbandingan dengan memanfaatkan
fitur pengelompokkan.
Berikut Source Codenya :
<!--
Design By Rastra Feryd Permana
109533423226
S1 Pend. Teknik Informatika 2009/B
-->
<!DOCTYPE HTML>
<html lang = "en">
<head>
<link rel="shortcut icon" href="http://localhost/modul2/tugas2/images/005.ico">
<title>Perbandingan Sikap</title>
</head>
<body background="http://localhost/modul2/tugas2/images/layer.jpg">
<center>
<font face = "impact" size = 5 color = "black">..:: Perbandingan Sikap ::..</font></center>
<table align ="center" border =3 cellspacing=0 cellpadding=1>
<tr>
<th height = "25" bgcolor = "#66FF33">No.</th>
<th width = "200" height = "25" bgcolor = "#66FF33">Spesifikasi Sikap</th>
<th width = "50" height = "25" bgcolor = "#66FF33">Poin</th>
<th width = "100" height = "25" bgcolor = "#66FF33">Sugeng</th>
<th width = "100" height = "25" bgcolor = "#66FF33">Paijo</th>
<th width = "100" height = "25" bgcolor = "#66FF33">Zaenab</th>
<th width = "100" height = "25" bgcolor = "#66FF33">Muklis</th>
</tr>
<tr bgcolor="white">
<td align="center"><p>1</p>
<p>2</p>
<p>3</p>
<p>4</p>
<p>5</p>
</td>
<td><p>Kerja keras</p>
<p>Tekun</p>
<p>Tidak sombong</p>
<p>Sabar</p>
<p>Pemaaf</p>
</td>
<td align="center"><p>8</p>
<p>9</p>
<p>6</p>
<p>7</p>
<p>10</p>
</td>
<td align="center"><p>X</p>
<p>X</p>
<p>X</p>
<p>X</p>
<p>X</p>
</td>
<td align="center"><p>X</p>
<p>X</p>
<p>-</p>
<p>-</p>
<p>-</p>
</td>
<td align="center"><p>-</p>
<p>X</p>
<p>-</p>
<p>-</p>
<p>X</p>
</td>
<td align="center"><p>-</p>
<p>-</p>
<p>-</p>
<p>-</p>
<p>-</p>
</td>
</tr>
<tr bgcolor="white">
<td align="center"><p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
<p>10</p>
</td>
<td><p>Pemaaf</p>
<p>Ceroboh</p>
<p>Tinggi hati</p>
<p>Pendendam</p>
<p>Kurang vitamin</p>
</td>
<td align="center"><p>-5</p>
<p>-3</p>
<p>-7</p>
<p>-10</p>
<p>-11</p>
</td>
<td align="center"><p>-</p>
<p>-</p>
<p>-</p>
<p>-</p>
<p>-</p>
</td>
<td align="center"><p>-</p>
<p>-</p>
<p>X</p>
<p>X</p>
<p>X</p>
</td>
<td align="center"><p>X</p>
<p>X</p>
<p>-</p>
<p>X</p>
<p>-</p>
</td>
<td align="center"><p>X</p>
<p>X</p>
<p>X</p>
<p>X</p>
<p>X</p>
</td>
</tr>
<tr bgcolor="white">
<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>
<p><i>Source: Ketoprak Magazine - Februari, 2011</i></p>
© Rastra Feryd Permana
</body>
</html>
Untuk melihat tampilan halaman web yang sesungguhnya klik
disini !
Selamat Mencoba Dan Berlatih Terus . . ..
Artikel Terkait
