Tugas Praktikum 1
Syntax:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Grafik berbasis tabel</title>
</head>
<body>
<table border=0 align="center" cellspacing=0 cellpadding=10>
<!-- Header -->
<tr><th colspan=14 ><hr></th></tr> <!--ini membuat garis pembatas atas-->
<tr>
<th width = 10%>Nama Perusahaan</th><th></th><th></th>
<th></th><th></th><th></th>
<th colspan =2>Jumlah Pendapatan</th></tr>
<tr><th colspan =14 ><hr></th></tr> <!--ini membuat garis pembatas tengah-->
<tr><th></th><th></th><th></th>
<th></th><th></th><th></th>
<th></th><th></th></tr>
<tr>
<td>Angin Reboot Ltd</td>
<td></td><td></td><td></td><th></th><th></th>
<th colspan = 4 bgcolor = "brown" border=19> </th><td>125%</td></tr>
<tr> <td height = 1%> </td></tr> <!-- spasi tiap row agar tidak mepet -->
<tr><td>Command prompt</td>
<td></td><td></td><td></td><th></th><th></th>
<td bgcolor = "blue" ></td><td>15%</td></tr>
<tr> <td width = 1%> </td></tr><!-- spasi tiap row agar tidak mepet -->
<tr><td>Hibernate Ltd</td>
<td></td><td></td><td align="right">-15%</td>
<td colspan = 2 = 12 bgcolor = "red" ></td></tr>
<tr> <td width = 1%> </td></tr><!-- spasi tiap row agar tidak mepet -->
<tr><td>Shutdown Ltd</td>
<td></td><td align="right"> -30%</td>
<td colspan = 3 = 12 bgcolor = "orange" ></td></tr>
<tr><th colspan =14 ><hr></th></tr> <!--ini membuat garis pembatas bawah-->
</table>
</body>
</html>
Printscreen:
Tugas praktikum 2
Syntax program:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Grafik Berbasis Tabel</title>
</head>
<body>
<table width="450" height="400" border="0">
<tr>
<td colspan="8" style="border-bottom:#000099
solid;"><p align="center"><font color="blue" face="Arial
Black" size="3">PERBANDINGAN FITUR</font></td>
</tr>
<tr>
<td width="31"align="center">No</td>
<td width="0" rowspan="10" style="border-left:#000099
solid thin;"> </td>
<td width="208" align="center">Fitur</td>
<td rowspan="10" style="border-left:#000099 solid
thin;padding-left:-5px;" width="0"></td>
<td width="92" align="center">Enterprise</td>
<td width="0" rowspan="10" style="border-left:#000099
solid thin;"> </td>
<td width="0"align="center">Pro</td>
<td width="0"align="center">Free</td>
</tr>
<tr>
<td colspan="8" style="border-top:#000099 solid
thin;"></td>
</tr>
<tr>
<td align="center">1</td>
<td>Garansi seumur hidup </td>
<td align="center">X</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">2</td>
<td>Multiuser</td>
<td align="center">X</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">3</td>
<td>Update otomatis </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">4</td>
<td>Cetak Laporan </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">5</td>
<td>Notifikasi error </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:#000099 solid
thin;"></td>
</tr>
<tr>
<td align="center">6</td>
<td>Ubah tema </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td align="center">7</td>
<td>Try ikon</td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:#000099 solid
thin;"></td>
</tr>
</table>
</body>
</html>
Printscreen:
Tidak ada komentar:
Posting Komentar