Pada modul sebelumnya kita telah mempelajari HTML secara singkat, selanjutnya kita akan mempelajari HTML beserta komponen-komponennya. Berikut adalah contoh program untuk HTML beserta komponen-komponennya.
Ini adalah sintaks yang ada pada tugas praktikum 2 :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Perbandingan Sikap</title>
</head>
<body>
<center>
<font color="Black" face="Timen New Roman" size="10"> Tabel Perbandingan Sikap</font>
<br/>
<br/>
<table width ="500" border="4" cellspacing=0 frame="hsides" rules="groups">
<h1 align="center"><b>PERBANDINGAN SIKAP<b></h1>
<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="200">Spesifikasi Sikap
<th width="100">Poin
<th width="50">Herlambang
<th width="50">Nidhom
<th width="50">Bian
<th width="50">Sony
</tr>
<tbody>
<tr><td>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>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>3<td>Tidak Sombong<td align="center">6<td align="center">X<td align="center">-<td align="center">-<td align="center">-</tr>
<tr><td>4<td>Sabar<td align="center">7<td align="center">X<td align="center">-<td align="center">-<td align="center">-</tr>
<tr><td>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>6<td>Pemalas<td align="center">-5<td align="center">-<td align="center">-<td align="center">X<td align="center">X</tr>
<tr><td>7<td>Ceroboh<td align="center">-3<td align="center">-<td align="center">-<td align="center">X<td align="center">X</tr>
<tr><td>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>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>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>
<tr>
<td>
<i>Source : Forbes Magazine - February, 2011</i><br>
</td>
</tr>
</body>
</html>
Dan berikut adalah hasil print screen pada sintaks diatas :
Tidak ada komentar:
Posting Komentar