TUGAS 1 MODUL 2
Script:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
</head>
<body>
<table width="700" >
<tr>
<td width="700" colspan="2">
<table rules="rows" frame="hsides" align="left" cellspacing="0" cellpadding="10">
<tr><!-- Mengatur lebar kolom -->
<th width="200">Perusahaan</th>
<th width="500">Pendapatan</th>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table frame="below" align="left" cellspacing="0"cellpadding="3">
<tr>
<!-- Mengatur lebar kolom -->
<td width="200">Angin Reboot Ltd</td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="150" colspan="5" >
<table border="1">
<tr>
<th width="150" height="16" colspan="5" bgcolor="#008000"></th>
</tr>
</table>
</td>
<td >+150%</td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
</tr>
<tr><!-- Mengatur lebar kolom -->
<td width="200">Command Prompt Inc</td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="50" colspan="2"><table border="1">
<tr>
<td width="50" height="16" colspan="2" bgcolor="#008000">
</td>
</tr>
</table>
</td>
<td width="25">+55%</td>
<td width="25"></td>
<td width="25"></td>
</tr>
<tr><!-- Mengatur lebar kolom -->
<td width="200">Hibernate Ltd</td>
<td width="50"></td>
<td width="25"></td>
<td width="25" align="right">-23%</td>
<td width="25"><table border="1" align="right">
<tr>
<td width="20" height="16" bgcolor="#FFFF00">
</td>
</tr>
</table>
</td>
<td width="25"></td>
<td width="25"></td>
</tr>
<tr><!-- Mengatur lebar kolom -->
<td width="200">Shutdown Ltd</td>
<td width="25"></td>
<td width="25"></td>
<td width="25">-75%</td>
<td width="100"><table border="1">
<tr>
<td width="100" height="16" colspan="3" bgcolor="#FF0000">
</td>
</tr>
</table>
</td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
<td width="25"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
HASIL:
TUGAS 2 MODUL 2
Script:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/frameset.dtd">
<html lang="en">
<head>
<title>Grafik Berbasis Tabel Pengelompokan</title>
</head>
<body>
<h3 align="left">PERBANDINGAN FITUR </h3>
</br>
<table border="4" align="left" cellspacing=2 frame=hsides rules="groups"
summary="Grafik Berbasis Tabel 2">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center" span="2">
<thead valign="middle">
<tr>
<th width="35">No
<th width="200">Fitur
<th width="100">Enterprise
<th width="50">Pro
<th width="50">Free
</tr>
<tbody><! -- Format yang berlaku bagi cell yang diapit tag -- >
<tr><td>1<td>Garansi seumur hidup<td align="center">X<td align="center">-<td align="center">-</tr>
<tr><td>2<td>Multiuser<td align="center">X<td align="center">-<td align="center">-</tr>
<tr><td>3<td>Update otomatis<td align="center">X<td align="center">X<td align="center">-</tr>
<tr><td>4<td>Cetak laporan<td align="center">X<td align="center">X<td align="center">-</tr>
<tr><td>5<td>Notifikasi error<td align="center">X<td align="center">X<td align="center">X</tr>
<tbody>
<tr><td>6<td>Ubah tema<td align="center">X<td align="center">X<td align="center">X</tr>
<tr><td>7<td>Try ikon<td align="center">X<td align="center">X<td align="center">X</tr>
</table>
</body>
</html>
Hasil:
Tidak ada komentar:
Posting Komentar