Tugas Praktikum No. 1 (modul 2)
Diposting oleh
Rastra Permana
| Sabtu, 12 Februari 2011 at 06.04
Labels :
PTI479
Tampilan Halaman Web
Halaman web diatas merupakan kreasi grafik batang statis dengan memanfaatkan elemen tabel
Berikut Source Codenya:
Untuk melihat tampilan halaman web yang sesungguhnya klik disini !Selamat mencoba dan bereksperimen. . . .
Berikut Source Codenya:
<!-- Design By Rastra Feryd Permana 109533423226 S1 Pend. Teknik Informatika 2009/B --> <!DOCTYPE HTML> <html lang="en"> <head> <link rel="shortcut icon" href="http://localhost/modul2/tugas1/images/99.ico"> <title>GRAFIK HASIL UJIAN AKHIR SEMESTER S1 PTI'09 B</title> </head> <body bgcolor="#ba55d3"> <table width="800" border="0" cellspacing="1" cellpadding="0" align="center"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="25" ><strong>GRAFIK HASIL UJIAN AKHIR SEMESTER S1 PTI'09 B</strong><br></td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td><strong>Nilai</strong></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td width="29"> </td> </tr> <tr> <td width="25"> </td> <td width="25"> </td> <td width="52"> </td> <td width="34"><strong>100</strong></td> <td width="25" rowspan="14" style="border-left:solid #000000" > </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> <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> <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> <td width="39"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td rowspan="11" bgcolor="#0000FF"></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td rowspan="10" bgcolor="#FF0000"></td> <td rowspan="10" bgcolor="#00FF00"></td> <td> </td> <td rowspan="10" bgcolor="#00FFFF"></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td rowspan="9" bgcolor="#FFFF00"></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td><strong>50</strong></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td rowspan="5" bgcolor="#FF0000"> </td> <td> </td> <td> </td> <td> </td> <td rowspan="5" bgcolor="#00FFFF"> </td> <td> </td> <td> </td> <td rowspan="5" bgcolor="#0000FF"> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td rowspan="5" bgcolor="#00FFFF"> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td rowspan="4" bgcolor="#0000FF"> </td> <td> </td> <td rowspan="4" bgcolor="#FFFF00"> </td> <td> </td> <td> </td> <td rowspan="4" bgcolor="#00FF00"> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td rowspan="4" bgcolor="#00FF00"> </td> <td rowspan="4" bgcolor="#FFFF00"> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td rowspan="3" bgcolor="#00FF00"> </td> <td> </td> <td> </td> <td rowspan="3" bgcolor="#FFFF00"> </td> <td> </td> <td> </td> <td rowspan="3" bgcolor="#FF0000"> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td rowspan="2" bgcolor="#FF0000"> </td> <td> </td> <td> </td> <td rowspan="2" bgcolor="#0000FF"> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td><strong>0</strong></td> <td> </td> <td> </td> <td bgcolor="#00FFFF"> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td></td> <td colspan="25" style="border-top:solid #000000"> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="5">Rastra</td> <td> </td> <td colspan="5">Agung</td> <td> </td> <td colspan="5">Erviando</td> <td> </td> <td colspan="5">Salman</td> <td> </td> <td> </td> <td colspan="5"><strong>Mahasiswa</strong></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="6"><em><strong>Keterangan:</strong></em></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="2" bgcolor="#FF0000"> </td> <td> </td> <td>:</td> <td colspan="7"><em>Pemrograman Web</em></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="2" bgcolor="#0000FF"> </td> <td> </td> <td>:</td> <td colspan="7"><em>Arsitektur Komputer</em></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="2" bgcolor="#00FF00"> </td> <td> </td> <td>:</td> <td colspan="7"><em>Matematika Diskrit</em></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="2" bgcolor="#FFFF00"> </td> <td> </td> <td>:</td> <td colspan="7"><em>Basis Data</em></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="2" bgcolor="#00FFFF"> </td> <td> </td> <td>:</td> <td colspan="7"><em>Matematika Teknik</em></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table> </body> </html>
Untuk melihat tampilan halaman web yang sesungguhnya klik disini !Selamat mencoba dan bereksperimen. . . .
