Rangkuman 4

Membuat Login

<html>
<body>
    <center>
    <img src ="file:///H:/HTML/Pert4/bannerpejwankuumin.jpg">
        <form>
        <h5>
            <p>Username: <input type="text" name="user"><br /><br />
            Password: <input type="password" name="password"/></p>
            <input type="submit" value="Login" /><br />
        </h5>
        </form>
    </center>
</body>
</html>

catatan :
<p>Username: <input type="text" name="user"><br /><br />
       Password: <input type="password" name="password"/></p> 

untuk membuat username dan password.
<input type="submit" value="Login" /><br /> untuk membuat tombol submit.

Gambar dijalankan :
Membuat Menu

<html>
<body>
    <center>
    <img src ="file:///H:/HTML/Pert4/bannerpejwankuumin.jpg">
    </center>
    <table border = "2" width = "100%" cellpadding = "5">
        <tr>
            <td colspan = 2 align = "center"> Header </td>
        </tr>
       
        <tr>
            <td valign=top width=150>
                <table>
                    <tr><td width=75> Nilai </td></tr>
                    <tr><td width=75> Profile </td></tr>
                    <tr><td width=75> <a href="http//:lokerpengetahuan.blogspot.com/"> Contac Us </td></tr>
                    <tr><td width=75> <a href="file:///C:/Users/Mahasiswa/Desktop/form2.html" Home </td></tr>
                    <tr><td width=75> <a href="file:///C:/Users/Mahasiswa/Desktop/form1.html"> Logout </a></tr></td>
                </table>
            </td>
           
            <td valign=top width=900 height=200>
                <table>
                    <td align=justify> <b> Pengisian Kuisioner Proses Pembelajaran (PP) Semester Ganjil  2012/2013 </b><br />
                </table>
            </td>
        </tr>
       
        <tr>
            <td colspan = 2 align="center"> @Kuumin Corporation </td>
        </tr>
    </table>
</body>
</html>
       
 catatan : membuat tabel   
<tr><td width=75> Nilai </td></tr>
<tr><td width=75> Profile </td></tr>
<tr><td width=75> <a href="http//:lokerpengetahuan.blogspot.com/"> Contac Us </td></tr>
<tr><td width=75> <a href="file:///C:/Users/Mahasiswa/Desktop/form2.html" Home 
isi menu dan terdapat link untuk menuju ke contact dan home.

Gambar dijalankan :
Tampilan Nilai

<html>
<body>
    <center>
    <img src ="file:///H:/HTML/Pert4/bannerpejwankuumin.jpg">
    </center>
    <table border = "2" width = "100%" cellpadding = "5">
        <tr>
            <td colspan = 2 align = "center"> Header </td>
        </tr>
       
        <tr>
            <td valign=top width=150>
                <table>
                    <tr><td width=75> Nilai </td></tr>
                    <tr><td width=75> Profile </td></tr>
                    <tr><td width=75> <a href="http//:lokerpengetahuan.blogspot.com/"> Contac Us </td></tr>
                    <tr><td width=75> <a href="file:///C:/Users/Mahasiswa/Desktop/form2.html"> Home </td></tr>
                    <tr><td width=75> Logout </td></tr>
                    <tr><td width=75> <a href="file:///C:/Users/Mahasiswa/Desktop/form1.html"> Logout </a></tr></td>
                </table>
            </td>
           
            <td valign=top width=900 height=200>
                <table>
                    <td align="center" width=160> Mata Kuliah </td>
                    <td align="center" width=160> SKS </td>
                    <td align="center" width=160> TM </td>
                    <td align="center" width=160> UTS </td>
                    <td align="center" width=160> UAS </td>
                   
                    <tr>
                     <td align="center" width=160> Java </td>
                    <td align="center" width=160> 4 </td>
                    <td align="center" width=160> 80 </td>
                    <td align="center" width=160> 90 </td>
                    <td align="center" width=160> 75 </td>
                </table>
            </td>
        </tr>
       
        <tr>
            <td colspan = 2 align="center"> @Kuumin Corporation </td>
        </tr>
    </table>
</body>
</html>
   
catatan :
bila klik nilai akan muncul tampilan nilai dengan menggunakan link dimasukkan pada nilai.
  <table>
                    <td align="center" width=160> Mata Kuliah </td>
                    <td align="center" width=160> SKS </td>
                    <td align="center" width=160> TM </td>
                    <td align="center" width=160> UTS </td>
                    <td align="center" width=160> UAS </td>

tabel nilai
   
<tr>
                     <td align="center" width=160> Java </td>
                    <td align="center" width=160> 4 </td>
                    <td align="center" width=160> 80 </td>
                    <td align="center" width=160> 90 </td>
                    <td align="center" width=160> 75 </td>

isi tabel nilai

Gambar dijalankan :

~TERIMAKASIH~

Tidak ada komentar:

Posting Komentar