LAYOUT HALAMAN WEB TUGAS 6

Oleh
Assalamaualaiakum Wr. Wb. 
Selamat pagi, siang, sore, malam... Kali ini saya dapat Tugas 6 Layout halaman web. Berikut soalnya :


  1. Sebutkan fungsi <form>
  2. Sebutkan fungsi fungsi  atribut pada form
Jawabannya :
  1.  Form memiliki fungsi komunikasi, bukan hanya komunikasi antar pengguna internet seperti chatting, social network, dan email, tapi juga komunikasi antara pengguna internet dengan web server seperti format perndaftaran untuk membuat account sebuah situs.
    • Action attribute pada HTML Form berfungsi untuk mendefinisikan tindakan apa yang akan dilakukan ketika formulir dikirimkan. Umumnya untuk menyerahkan data ke server adalah dengan menggunakan tombol submit sebagaimana sudah dibahas pada postingan sebelumnya. Dengan kata lain, action attribute ini artinya mau dieksekusi ke mana data itu ketika tombol submit diklik.
    • Method Attribute, Ada dua method, yaitu GET dan POST. Apa bedanya? method GET pada HTML Form digunakan jika pengiriman data bersifat pasif, Bila kamu menggunakan method GET maka data yang dikirim akan terlihat pada page address.
    • Name Attribute, Name attribute pada HTML Form berada di elemen input. Agar data yang dikirimkan bisa diterima dengan valid, maka masing-masing bidang input harus memiliki name atribut. Jika tidak dicantumkan name attributnya maka tidak akan diproses oleh form action
    Berikut coding layout halaman web tugas 6


    <html>
    <head>
    <title>Bottom Index</title>
    </head>
    <body>
    <form id="form1" name="form1" method="form1" action="form1">
    <table width="800" height="542" border="1">
    <tr>
    <td height="23" bordercolor="#red" bgcolor="red"><strong><font size="+5"><center>Banner / Judul</font></strong></td>
    </tr>
    <tr>
    <td height="457" bgcolor="yellow">
    <p><font color="#red"><center>Body atau contents(isi)</font><p>
    <p><font color="#yellow"><center>Body atau contents(isi)</font><p>
    <p><font color="#green"><center>Body atau contents(isi)</font><p>
    <p><font color="#pink"><center>Body atau contents(isi)</font><p>
    <p><font color="#chocolate"><center>Body atau contents(isi)</font></p></td>
    </tr>
    <tr>
    <td height="23" bgcolor="#red"><b><font color="#white"><center>Daftar Isi atau navigasi</font></td>
    </tr>
    </table>
    </form>
    </body>
    </html>

     Dan berikut hasilnya

    Banner / Judul
    Body atau contents(isi)
    Body atau contents(isi)
    Body atau contents(isi)
    Body atau contents(isi)
    Body atau contents(isi)
    Daftar Isi atau navigasi

     Sekian post saya kali ini. Semoga bermanfaat.
    see you soon..

    Komentar

    Posting Komentar

    Postingan populer dari blog ini

    SAMBA SERVER - Installasi, Konfigurasi, dan Pengujian

    Oleh
    Gambar
    Assalamualaikum Wr. Wb... Selamat pagi/siang/sore/malam... Pada post kali ini saya akan membahas bagaimana cara installasi SAMBA SERVER dan bagaimana cara konfigurasi beserta pengujiannya apabila berhasil. Check it out... . . . . A. INSTALLASI SAMBA SERVER Pertama yang harus kalian lakukan tentu saja login ke Debiannya, tapi disini kalian harus login sebagai root . Jika sudah login, selanjutnya untuk install Samba Server ketik apt-get install samba  dan tekan Enter. Ketk Y dan tekan Enter untuk melanjutkan. Masukkan CD atau ISO debian dan tekan Enter untuk melanjutkan installasi samba server. Tunggu hingga proses selesai. B. KONFIGURASI SAMBA SERVER Jika sudah selesai, ketik nano /etc/samba/smb.conf  untuk edit konfigurasi file samba server yang smb.conf Jika sudah masuk ke dalam smb.conf   pergi ke bagian paling bawah dan tambah kan script seperti berikut. Jika sudah selesai, save dengan cara tekan CTRL + X. Lalu tekan Y ....
    Baca selengkapnya

    STANDAR PENGKABELAN EIA 586

    Oleh
    Gambar
    Assalamualaikum Wr. Wb.... Selamat pagi/siang/sore/malam... Jumpa lagi di Blog saya ONE-X INFORMATION. Pada post kali ini saya akan membahas tentang Standar Pengkabelan EIA 586. Mari langsung saja kita masuk ke pembahasan berikut. Check this out... Standar Pengkabelan EIA 586 UTP       Bagi yang belum tahu kabel UTP ini adalah media transmisi yang terdiri dari 4 pasang kawat. Kabel UTP digunakan dalam berbagai jaringan. Masing-masing dari delapan kabel tembaga individu dalam kabel UTP ditutupi oleh bahan isolasi. Selain itu, kabel di setiap pasangan yang melilit satu sama lain.         Kabel UTP memiliki empat pasang dengan ukuran kawat tembaga 22 atau 24 gauge (gauge merupakan standart pengurkuran kabel). Salah satu faktor yang membedakan kabel UTP dengan kabel lain salah satunya kabel UTP memiliki impedansi 100 ohm. meskipun dahulu kabel UTP dikatakan memiliki kecepatan transfer yang lambat, namun dalam perk...
    Baca selengkapnya

    LAYOUT HALAMAN WEB LEFT INDEX, LAYOUT INDEX, & ALTERNATING INDEX

    Oleh
    Assalamualaikum Wr. Wb. Selamat pagi, siang, sore, malam. Pada kali ini saya akan menunjukkan contoh Coding Layout Halaman Web Left Index , Layout Split , dan Alternating Index beserta hasilnya . Berikut codingnya... Left Index. <html> <body> <head> <title>Left Index</title> <form id="form1" name="form1" method="post" action=""> <table width="825" height="447" border="1" cellspacing="1"> <tr> <td width="160" rowspan="4" align="center" valign="top" bgcolor="#993366"><b> <p>Home</p> <p>Profile</p> <p>About Us</p> <p>Blog</p> <p>Contact Us</p></b> </tr> <th width="627" height="100" align="center" bgcolor="#FFFF99"><strong><font color="#CCCCCC" size="+4...
    Baca selengkapnya