Scribd Logo
Upload

Welcome to Scribd!

  • Praktikum HTML Lanjut 2016-2017 - Decrypted

    Uploaded by

    Ashry Ramadhan
    11 views7 pages
    This document outlines instructions for a practical assignment on advanced HTML elements for a Web Design and Programming course. The assignment involves creating HTML files using ordered lists, unordered lists, definition lists, tables, text boxes, buttons, checkboxes, drop-down lists, radio buttons, and a complete form. Students are instructed to save each file with a descriptive name and view the results in a web browser.

    Original Description:

    dswer wrwerwe rwe rwerwe rwe rwer werwe rwe rwerwe rwerwe rwer we rwe

    Original Title

    Praktikum HTML Lanjut 2016-2017_Decrypted

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document outlines instructions for a practical assignment on advanced HTML elements for a Web Design and Programming course. The assignment involves creating HTML files using ordered lists, unordered lists, definition lists, tables, text boxes, buttons, checkboxes, drop-down lists, radio buttons, and a complete form. Students are instructed to save each file with a descriptive name and view the results in a web browser.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    11 views7 pages

    Praktikum HTML Lanjut 2016-2017 - Decrypted

    Uploaded by

    Ashry Ramadhan
    This document outlines instructions for a practical assignment on advanced HTML elements for a Web Design and Programming course. The assignment involves creating HTML files using ordered lists, unordered lists, definition lists, tables, text boxes, buttons, checkboxes, drop-down lists, radio buttons, and a complete form. Students are instructed to save each file with a descriptive name and view the results in a web browser.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 7

    Praktikum Desain & Pemrograman Web

    Semester Ganjil Tahun Ajaran 2016-2017


    Program Studi Teknik Informatika, Universitas Riau
    Dosen Pengampu: Salhazan Nasution, S.Kom, MIT

    HTML Lanjut
    Tujuan
    Praktikum:
    1.
    2.

    Mengenal elemen-elemen HTML lanjut, yaitu list, table dan form.


    Mampu mengimplementasikan elemen-elemen HTML lanjut.

    Petunjuk Praktikum:
    1.
    2.

    Ketik script di bawah ini dan simpan masing-masing file dalam format .html.
    Jalankan script menggunakan browser Mozilla Firefox atau Google Chrome.

    Langkah
    Praktikum: A.
    Ordered List
    Simpan dalam sebuah file bernama ordered_list.html
    <html>
    <head>
    <title>Ordered List</title>
    </head>
    <body>
    Matakuliah :
    <ol type="a">
    <li>Pemrograman Web</li>
    <li>Basis Data</li>
    <li>Struktur Data</li>
    </ol>
    </body>
    </html>

    B.

    Unordered List
    Simpan dalam sebuah file bernama unordered_list.html
    <html>
    <head>
    <title>Unordered List</title>

    www.salhazan.com

    </head>

    Prodi Teknik Informatika, Universitas Riau www.salhazan.com

    <body>
    Konsentrasi Bidang Studi :
    <ul type="circle">
    <li>Sistem Informasi</li>
    <li>Jaringan Komputer</li>
    <li>Sistem Cerdas</li>
    <li>Multimedia</li>
    </ul>
    </body>
    </html>

    C.
    Definition
    List
    Simpan dalam sebuah file bernama definition_list.html
    <html>
    <head>
    <title>Definition List</title>
    </head>
    <body>
    Fakultas :
    <dl>
    <dt>FT</dt>
    <dd>Teknik Informatika</dd>
    <dd>Teknik Sipil</dd>
    <dd>Teknik Mesin</dd>
    <dd>Teknik Kimia</dd>
    <dd>Teknik Elektro</dd>
    <br>
    <dt>FISIP</dt>
    <dd>Ilmu Komunikasi</dd>
    <dd>Hubungan Internasional</dd>
    <dd>Pariwisata</dd>
    <dt>FMIPA</dt>
    <dd>Biologi</dd>
    <dd>Fisika</dd>
    <dd>Kimia</dd>
    </dl>
    </body>
    </html>

    D.

    Tabel
    Simpan dalam sebuah file bernama tabel_1.html
    <html>
    <head>
    <title>Tabel</title>
    </head>
    <body>
    <table border="2">
    <tr>
    <td align="center" colspan="2">baris1 kolom1</td>

    </tr>

    <tr>
    <td>baris2 kolom1</td>
    <td>baris2 kolom2 </td>
    </tr>
    </table>
    </body>
    </html>

    Simpan dalam sebuah file bernama tabel_2.html


    <table border="2" cellpadding="10" cellpadding="5">
    <tr>
    <td valign="top" rowspan="5"> web </td>
    <td align="right" colspan="2"> web </td>
    </tr>
    <tr>
    <td> web </td>
    <td> web </td>
    </tr>
    <tr>
    <td> web </td>
    <td> web </td>
    </tr>
    <tr>
    <td> web </td>
    <td> web </td>
    </tr>
    <tr>
    <td> web </td>
    <td> web </td>
    </tr>
    </table>

    E.
    Text
    button
    Simpan dalam sebuah file bernama text_button.html
    <html>
    <body bgcolor="#999999">
    <form action="proses.php" method="post">
    Username : <input type="text" name="username" /> <br /><br />
    Password : <input type="password" name="password" /> <br /><br />
    <input type="submit" name="submit" value="Submit"> <br /><br />
    <br><br>
    Alamat : <br>
    <textarea name="alamat"></textarea> <br>
    <input type="button" name="ok" value="
    /><br />

    OK

    " onClick="alert('OK')" /> <br

    <br><br>
    </form>
    </body>
    </html>

    F.
    Checkbox
    Simpan dalam sebuah file bernama checkbox.html
    <html>
    <body bgcolor="#999999">
    <form action="proses.php" method="post">
    Hobi : <br />
    <input type="checkbox" name="hobi1" value="sepakbola" /> Sepakbola <br />
    <input type="checkbox" name="hobi2" /> Basket <br />
    <input type="checkbox" name="hobi3" /> Musik <br />
    <input type="checkbox" name="hobi4" /> Futsal <br /><br />
    </form>
    </body>
    </html>

    G.

    Listbox
    Simpan dalam sebuah file bernama listbox.html
    <html>
    <body bgcolor="#999999">
    <form action="proses.php" method="post">
    Jurusan :
    <select name="jurusan">
    <option value="informatika">Informatika</option>
    <option value="sipil" selected="selected">Sipil</option>
    <option value="mesin">Mesin</option>
    <option value="elektro">Elektro</option>
    <option value="kimia">Kimia</option>
    </select>
    </form>
    </body>
    </html>

    H.

    Radio
    Simpan dalam sebuah file bernama radio.html
    <html>
    <body bgcolor="#999999">
    <form action="proses.php" method="post">
    Gender : <br />
    <input type="radio" name="gender" value="L" checked="checked" />Laki-laki <br />
    <input type="radio" name="gender" value="P" />Perempuan <br /><br />
    </form>
    </body>
    </html>
    www.salhazan.com

    I.
    Form
    Lengkap
    Simpan dalam sebuah file bernama form_lengkap.html
    <html>
    <body bgcolor="#999999">
    <form action="proses.php" method="post">
    <table>
    <tr>
    <td>NIM</td>
    <td>:</td>
    <td> <input type="text" name="nim" /></td>
    </tr>
    <tr>
    <td>Nama</td>
    <td>:</td>
    <td> <input type="text" name="nama" /></td>
    </tr>
    <tr>
    <td>Alamat </td>.
    <td>:</td>
    <td> <textarea name="alamat"></textarea></td>
    </tr>
    <tr>
    <td>Jurusan</td>
    <td>:</td>
    <td> <select name="jurusan">
    <option value="informatika">Informatika</option>
    <option value="elektro">Sipil</option>
    <option value="elektro">Elektro</option>
    <option value="elektro">Kimia</option>
    <option value="mesin">Mesin</option></td>
    </tr>
    <tr>
    <td>Hobi</td>
    <td>:</td>
    <td> <input type="checkbox" name="hobi1" /> Sepakbola <br />
    <input type="checkbox" name="hobi2" /> Basket <br />
    <input type="checkbox" name="hobi3" /> Musik <br />
    <input type="checkbox" name="hobi4" /> Futsal <br /><br /></td>
    </tr>
    <tr>
    <td>Gender</td>
    <td>:</td>
    <td> <input type="radio" name="gender" value="L" />Laki-laki <br />
    <input type="radio" name="gender" value="P" />Perempuan <br /><br /></td>
    </tr>
    <tr>
    <td colspan="3">
    <br>
    <input type="submit" name="ok" value="
    OK
    " />
    <input type="reset" name="reset" value="Reset" /> <br /><br /></td>
    </tr>
    </table> <br /><br />

    You might also like