Assalamualaikum…
Langkah-langkah membuatnya sebagai berikut :
· Untuk langkah awalnya sama seperti membuat HTML lainnya, buka editor teks seperti notepad atau yang lainnya, disarankan notepad++ setelah itu ketikkan kode HTML berikut:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Grafik Berbasis Batang</title>
</head>
<body>
<p><blink><font color="purple" face="arial" size="6">Kreasi Grafik Batang Berbasis Tabel</font></blink></p>
<font color="purple" face="time new roman" size="3"><b>Ulfa Fauziah</font>
<p></p>
<table width="561" height="241">
<tr>
<td colspan="7" style="border-top:#000000 solid;border-bottom:#000000 solid;"><b>Perusahaan</td>
<td colspan="7" style="border-top:#000000 solid;border-bottom:#000000 solid;"><b>Pendapatan</td>
</tr>
<tr >
<!-- -->
<td width="172" >Angin Reebot Ltd </td>
<td width="27"></td>
<td width="31"></td>
<td width="25"></td>
<td width="33"></td>
<td width="16"></td>
<td width="13"></td>
<td colspan="6" bgcolor="#006600" width="#000000"></td>
<td width="17">+150%</td>
</tr>
<tr>
<td>Command Prompt, Inc </td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td colspan="4" bgcolor="#006600"></td>
<td width="10">+55%</td>
<td width="10"></td>
<td></td>
</tr>
<tr>
<td>Hibernate Ltd </td>
<td></td>
<td></td>
<td></td>
<td>-23%</td>
<td colspan="2" bgcolor="#FFFF00"></td>
<td width="50"></td>
<td width="50"></td>
<td width="50"></td>
<td width="50"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>Shutdown Ltd </td>
<td></td>
<td>-75%</td>
<td colspan="4" bgcolor="#FF0000"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="18" style="border-top:#000000 solid"></td>
</tr>
</table>
<p></p>
<a href="Demo Tugas2.html">Klik di sini</a>Untuk mengakses tabel perbandingan item berikutnya
</body>
</html>
· Selanjutnya simpan kode-kode html tersebut dengan nama Demo Tugas1.html dan letakkan pada direktori C:\wamp\www
· Untuk mengetahui hasil dari dokumen html yang kita buat, buka Wampserver kemudian buka Localhost. Panggil dokumen html tersebut dengan memanggil tempat dan nama html nya, seperti http://localhost/modul 2/Demo Tugas1.html atau panggil melalui folder Your Project dan hasilnya seperti gambar di bawah :
0 komentar:
Posting Komentar