Just another WordPress.com site

Tugas Praktikum 2 (Modul 2)

Berikut ini adalah desian web yang menggunakan elemen tabel:

<!DOCTYPE HTML>
<html lang=”en”>
<head>
<title> Perbandingan Sikap </title>
</head>

<body>

<table border=1 align=”center” cellspacing=0 cellpadding=3 rules=”box” frame=”hsides”>
<caption>PERBANDINGAN SIKAP</caption>
<!–header–>

<tr>
<!–mengatur lebar kolom–>
<th align=”center” width=”50″>No</th>
<th align=”center” width=”350″>Spesifikasi Sikap</th>
<th align=”center” width=”200″>Poin</th>
<th align=”center” width=”250″>Herlambang</th>
<th align=”center” width=”250″>Nidhom</th>
<th align=”center” width=”250″>Bian</th>
<th align=”center” width=”250″>Sonny</th>
</tr>

<!–Baris data satu–>
<tr>
<td align=”center”>
1 <br />
2 <br />
3 <br />
4 <br />
5 <br />
</td>

<td align=”left”>
Kerja Keras <br />
Tekun <br />
Tidak Sombong <br />
Sabar <br />
Pemaaf <br/>
</td>

<td align=”left”>
8 <br />
9 <br />
6 <br />
7 <br />
10 <br/>
</td>

<td align=”center”>
X <br />
X <br />
X <br />
X <br />
X <br />
</td>

<td align=”center”>
X <br />
X <br />
– <br />
– <br />
– <br />
</td>

<td align=”center”>
– <br />
X <br />
– <br />
– <br />
X <br />
</td>

<td align=”center”>
– <br />
– <br />
– <br />
– <br />
– <br />
</td>

<!–Baris data dua–>
<tr>
<td align=”center”>
6 <br />
7 <br />
8 <br />
9 <br />
10 <br />
</td>

<td align=”left”>
Pemalas <br />
Ceroboh <br />
Tinggi hati <br />
Pendendam <br />
Kurang vitamin <br />
</td>

<td align=”left”>
-5 <br />
-3 <br />
-7 <br />
-10 <br />
-11 <br />
</td>

<td align=”center”>
– <br />
– <br />
– <br />
– <br />
– <br/>
</td>

<td align=”center”>
– <br />
– <br />
X <br />
X <br />
X <br/>
</td>

<td align=”center”>
X <br />
X <br />
– <br />
X <br />
– <br/>
</td>

<td align=”center”>
X <br />
X <br />
X <br />
X <br />
X <br />
</td>

<!–Baris data tiga–>
<tr>
<th align=”center” colspan=”3″>Jumlah Poin</th>
<td align=”center”>40</td>
<td align=”center”>-11</td>
<td align=”center”>1</td>
<td align=”center”>-36</td>
</tr>
</table>

<em>Source:Forbes Magazine-February,2011</em><br>
&copy;ADH
</body>
</html>

</div>

Tampilan untuk source code tabel diatas adalah :

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Tag Cloud

%d bloggers like this: