Senin, 14 Februari 2011

Tabel Perbandingan Sikap

Berikut ini merupakan tags HTML untuk membuat suatu tabel dengan memanfaatkan fitur pengelompokan :

<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Demo Tabel</title>
</head>
<body>
<table border=1 align="center"
cellpadding=10 cellspacing=0 bgcolor="#FFFFFF">
<caption>
PERBANDINGAN SIKAP
</caption>
<tr bordercolor="1">

<th width="39">No.</th>
<th width="200">Spesifikasi Sikap</th>
<th width="50">Poin</th>
<th width="130">Herlambang</th>
<th width="130">Nidhom</th>
<th width="130">Bian</th>
<th width="130">Sonny</th>
</tr>

<tr>
<td>1</td>
<td>Kerja keras </td>
<td>8</td>
<td><div align="center">X</div></td>
<td><div align="center">X</div></td>
<td><div align="center">-</div></td>
<td><div align="center">-</div></td>
</tr>

<tr>
<td>2</td>
<td>Tekun</td>
<td>9</td>
<td><div align="center">X</div></td>
<td><div align="center">X</div></td>
<td><div align="center">X</div></td>
<td><div align="center">-</div></td>
</tr>
<tr>
  <td>3.</td>
  <td>Tidak sombong </td>
  <td>6</td>
  <td><div align="center">X</div></td>
  <td><div align="center">-</div></td>
  <td><div align="center">-</div></td>
  <td><div align="center">-</div></td>
</tr>
<tr>
  <td>4.</td>
  <td>Sabar</td>
  <td>7</td>
  <td><div align="center">X</div></td>
  <td><div align="center">-</div></td>
  <td><div align="center">-</div></td>
  <td><div align="center">-</div></td>
</tr>
<tr>
  <td>5.</td>
  <td>Pemaaf</td>
  <td>10</td>
  <td><div align="center">X</div></td>
  <td><div align="center">-</div></td>
  <td><div align="center">X</div></td>
  <td><div align="center">-</div></td>
</tr>
<tr>
  <td>6.</td>
  <td>Pemalas</td>
  <td>-5</td>
  <td><div align="center"></div></td>
  <td><div align="center">-</div></td>
  <td><div align="center">X</div></td>
  <td><div align="center">X</div></td>
</tr>
<tr>
  <td>7.</td>
  <td>Ceroboh</td>
  <td>-3</td>
  <td><div align="center"></div></td>
  <td><div align="center">-</div></td>
  <td><div align="center">X</div></td>
  <td><div align="center">X</div></td>
</tr>
<tr>
  <td>8.</td>
  <td>Tinggi hati </td>
  <td>-7</td>
  <td><div align="center"></div></td>
  <td><div align="center">X</div></td>
  <td><div align="center">-</div></td>
  <td><div align="center">X</div></td>
</tr>
<tr>
  <td>9.</td>
  <td>Pendendam</td>
  <td>-10</td>
  <td><div align="center"></div></td>
  <td><div align="center">X</div></td>
  <td><div align="center">X</div></td>
  <td><div align="center">X</div></td>
</tr>
<tr>
  <td>10.</td>
  <td>Kurang vitamin </td>
  <td>-11</td>
  <td><div align="center"></div></td>
  <td><div align="center">X</div></td>
  <td><div align="center">-</div></td>
  <td><div align="center">X</div></td>
</tr>
<tr>
  <td colspan="3"><b>Jumlah poin </b></td>
  <td><div align="center">40</div></td>
  <td><div align="center">-11</div></td>
  <td><div align="center">1</div></td>
  <td><div align="center">-36</div></td>
</tr>
</table>
<p><i>
Source : Forbes Magazine - February 2011
</i>
<p>
&copy; ADH
 
</body>
</html>

Sedangkan screenshot-nya dapat dilihat pada gambar di bawah ini :

0 komentar:

Posting Komentar

 

time2life © 2008 . Design By: SkinCorner