Scribd Logo
Carica

Benvenuto in Scribd!

  • Laporan Praktikum HTML Lanjut @@2011

    Caricato da

    Kopi Putih Manis
    334 visualizzazioni5 pagine
    [PTI478] PRAKTIKUM PEMROGRAMAN BERBASIS WEB

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formati disponibili

    PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento
    [PTI478] PRAKTIKUM PEMROGRAMAN BERBASIS WEB

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    334 visualizzazioni5 pagine

    Laporan Praktikum HTML Lanjut @@2011

    Caricato da

    Kopi Putih Manis
    [PTI478] PRAKTIKUM PEMROGRAMAN BERBASIS WEB

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 5

    LAPORAN PRAKTIKUM

    PEMROGRAMAN BERBASIS WEB


    “ MODUL 2 HTML LANJUT”

    IGHFIR RIJAL TAUFIQY


    209533421945
    PTI 09 C

    UNIVERSITAS NEGERI MALANG


    FAKULTAS TEKNIK
    JURUSAN TEKNIK ELEKTRO
    PROGRAM STUDI PEND. TEKNIK INFORMATIKA
    Februari, 2011
    Tugas Praktikum
    1. Script program kreasi grafik batang statis
    <!DOCTYPE html>
    <html lang="en">
    <head><title> GRAFIK BERBASIS TABEL</title> <!--judul-->
    </head><body>
    <body bgcolor ="yellow"> <!-- membuat background-->
    <table border = 0 align = "center" cellspacing = 1 cellpadding = 1>
    <!--- ini header -->
    <tr><th colspan = 15 > <hr></th></tr> <!-- membuat garis pembatas sebelah atas -->
    <tr><th width = 10%>Perusahaan</th><th></th></th>
    <th></th><th></th><th></th><th colspan = 2 >Pendapatan</th></tr>
    <tr><th colspan = 15 ><hr></th></tr> <!-- membuat garis pembatas sebelah tengah -->

    <!-- membuat baris data-->


    <tr><td> Angin Reboot LTD</td>
    <td></td><td></td><td></td><th></th><th></th>
    <th colspan = 6 bgcolor = "green" border = 19 style = "border:#000000 solid ;"></th><td
    align =" left">135%</td></tr>
    <tr><td colspan = 2>Command Prompt INC</td>
    <td></td><td></td><td></td><th></th>
    <td bgcolor = "green" style = "border:#000000 solid ;"></td><td>15%</td></tr>
    <tr><td>Hibernate LTD</td>
    <td></td><td></td><td align = "right">-25%</td>
    <td colspan = 2 = 12 bgcolor = "orange" style = "border:#000000 solid ;"></td></tr>
    <tr><td>Shutdown LTD</td>
    <td></td><td align ="right">-120%</td>
    <td colspan = 3 = 12 bgcolor = "red" style = "border:#000000 solid ;"></td></tr>
    <tr><th colspan = 15 > <hr></th></tr>
    </table></body></html <!-- akhir dari grafik berbasis tabel-->
    2. Script kode desain table perbandingan item

    <!DOCTYPE html>
    <html lang="en">

    <head>
    <title>Fitur Pengelompokan</tile> <!-- judul-->
    </head>
    <body bgcolor ="red"> <!-- membuat background-->
    <h3 align = "center">Perbandingan fitur</h3> <!—header
    <table border = "0" align = "center">
    <tr>
    <td colspan = "10" style = "border-top:#000000 solid;"align="center"></td>
    </tr><tr><th style="border-left:#000000 solid ;">NO</th> <!--membuat kolom No-->
    <td width="0" rowspan="10"style="border-left:#000000 solid ;"></td>
    <th >FITUR</th> <td width="0" rowspan="10" style="border-left:#000000 solid ;"></td><!--
    membuat kolom Fitur-->
    <th >ENTERPRISE</th> <td width="0" rowspan="10" style="border-left:#000000 solid
    ;"></td><!--membuat kolom Enterprise-->
    <th >PRO</th><th></th><!--membuat kolom Pro-->
    <th style="border-right:#000000 solid ;">FREE</th><!--membuat kolom Free-->
    </tr><tr><td colspan="10" style="border-top:#000000 solid ;"></td></tr>
    <!-- baris data pertama -->
    <tr><th style="border-left:#000000 solid ;">1</th><td>Garansi Seumur Hidup </td>
    <td align="center">X</td>
    <td align="center">-</td><th></th>
    <td style="border-right:#000000 solid ;" align="center">-</td></tr>
    <!-- baris data kedua -->
    <tr><th style="border-left:#000000 solid ;">2</th><td>Multiuser </td>
    <td align="center">X</td>
    <td align="center">-</td><th></th>
    <td style="border-right:#000000 solid ;" align="center">-</td></tr>
    <!-- baris data ketiga -->
    <tr><th style="border-left:#000000 solid ;">3</th><td>Update Otomatis </td>
    <td align="center">X</td>
    <td align="center">X</td><th></th>
    <td style="border-right:#000000 solid ;" align="center">-</td></tr>
    <!-- baris data keempat -->
    <tr><th style="border-left:#000000 solid ;">4</th>
    <td>Cetak Laporan </td><td align="center">X</td>
    <td align="center">X</td><th></th>
    <td style="border-right:#000000 solid ;" align="center">-</td></tr>
    <!-- baris data kelima -->
    <tr><th style="border-left:#000000 solid ;">5</th><td>Notifikasi Error </td>
    <td align="center">X</td><td align="center">X</td><th></th>
    <td style="border-right:#000000 solid ;" align="center">X</td></tr>
    <tr><td colspan="10" style="border-top:#000000 solid ;"align="center" ></div></td></tr>
    <!-- baris data keenam-->
    <tr><th style="border-left:#000000 solid ;">6</th><td nowrap>Ubah Tema</td>
    <td align="center">X</td>
    <td align="center">X</td><th></th>
    <td style="border-right:#000000 solid ;" align="center">X</td></tr>
    <!-- baris data ketujuh -->
    <tr><th style="border-left:#000000 solid ;">7</th>
    <td>Try Ikon </td>
    <td align="center">X</td>
    <td align="center">X</td><th></th>
    <td style="border-right:#000000 solid ;" align="center">X</td></tr><tr>
    <td colspan="10" style="border-top:#000000 solid ;"><div align="center" ></div></td>
    </tr>
    </table></body></html> <!-- akhir html-->
    PUSTAKA

    Modul html lanjut dari assisten praktikum

    www.ilmukomputer.com

    www.ilmuwebsite.com

    Potrebbero piacerti anche