• Document: Muhamad Alif,S.Kom Teknik Informatika UTM
  • Size: 1.9 MB
  • Uploaded: 2018-10-13 06:47:04
  • Status: Successfully converted


Some snippets from your converted document:

Muhamad Alif,S.Kom Teknik Informatika – UTM FORM Fungsi:  Menerima informasi atau meminta umpan balik dari user dan memproses informasi tersebut di server Standar penulisan: <form method=“post/get” action=“. . .”> . . . </form> Textbox  Tag: <input> Contoh: <body> <b>Login: <b> <br> <form method="post"> <table> <tr> <td>User:</td> <td><input type="text" name="user" size="20"></td></tr> <tr> <td>Password:</td> <td><input type="password" name="password"size="20"></td></tr> </table> </form> </body> Submit dan Reset  Tombol Submit: digunakan ketika user mengisi form dan ingin mengirimkan ke server  Tombol Reset: digunakan ketika user ingin menghapus/mengosongkan semua masukan yang ditulis dalam form Contoh: <body> <b>Data Pengunjung: <b> <br> <form method="post" action="data.html"> <table> <tr> <td>Nama:</td> <td><input type="text" name="nama" size="20"></td></tr> <tr> <td>Alamat:</td> <td><input type="text" name="alamat" size="20"></td></tr> </table> <input type="submit" value="Simpan" name="t1"> <input type="reset" value="Reset" name="t2"> </form> </body> Checkbox Fungsi:  Untuk memberi beberapa pilihan kepada user Contoh: <form method="post"> Bacaan yang Anda sukai: <br> <input type="checkbox" name="bacaan" value="novel"> Novel <br> <input type="checkbox" name="bacaan" value="koran"> Koran <br> <input type="checkbox" name="bacaan" value="majalah"> Majalah <br> <input type="checkbox" name="bacaan" value="tabloid"> Tabloid <br> </form> Radio Button Fungsi: Untuk memberi (hanya) satu pilihan kepada user Contoh: <form method="post"> Apakah Anda setuju dengan kenaikan SPP: <br> <input type="radio" name="opsi" value="ya"> Ya <br> <input type="radio" name="opsi" value="tidak"> Tidak <br> <input type="radio" name="opsi" value="ragu"> Ragu-ragu <br> </form> Daftar Drop Down Fungsi: Memberikan menu pilihan kepada user (cara kerjanya seperti radio button yang hanya mengijinkan user untuk memilih 1 pilihan saja) Contoh: <form method="post"> Jurusan: <br> <select name="jurusan"> <option value="TInf"> Teknik Informatika <br> <option value="MI"> D3 Manajemen Informatika <br> <option value="TI"> Teknik Industri <br> </select> </form> Text area Fungsi: Sebagai field masukan untuk pengunjung (dapat menerima lebih dari satu baris teks). Biasa disebut sebagai kotak Komentar Tag: <textarea> Contoh: <html> <head> <title> Penggunaan Text Area </title> </head> <body> <b>Komentar: <b> <br> <form method="post"> <textarea rows="10" cols=“40" wrap="physical“ name="komentar"> </textarea><br> </html> TAMPILAN : FRAME Fungsi: Menampilkan beberapa dokumen HTML secara sekaligus dalam satu jendela web browser Standar penulisan: <frameset [cols=“%,%”] [rows=“%,%”]> . . . </frameset> Atribut-atribut: Nama dan Target Frame  Frame dapat diberi nama dan diatur targetnya dengan menggunakan tag base target.  Contoh: Frame menu dapat digunakan sebagai link untuk mengakses halaman di frame content. Frame Vertikal Contoh: <html> <head> <title> Membuat Frame Vertikal </title> </head> <frameset cols="25%,*"> <frame name="kiri" src="kiri.html" scrolling="no"> <frame name="kanan“ src="kanan.html"> </frameset> </html> Frame Horisontal Contoh: <html> <head> <title> Membuat Frame Horisontal </title> </head> <frameset rows="40%,*"> <frame name="atas" src="atas.html“ scrolling="no"> <frame name="bawah“ src="bawah.html"> </frameset> </html> Gabungan Frame Vertikal - Horisontal Contoh: <html> <head> <title> Membuat Frame Vertikal-Horisontal </title> </head> <frameset rows="20%,*"> <frame name="atas" src="atas.html“ scrolling="no"> <frameset cols="40%,*"> <frame name="kiri" src="kiri.html"> <frame name="kanan" src="kanan.html"> </frameset> </frameset> </html> Entitas Karakter HTML  Beberapa entitas (atau simbol) tidak dapat ditulis langsung di halaman web karena tidak ada di keyboard. Oleh karena itu diperlukan kombinasi entitas.  Terdapat tiga bagian untuk setiap entitas, yaitu: i. Dimulai dengan sebuah ampersand [“&”] ii. Diberi nama entitas, misalnya [“copy”] iii. Diakhiri dengan semicolon [“;”] Contoh: <html> <head><title>Entitas karakter</head> <body> Simbol "copyright" : "©" <br/> Simbol "alpha" : "α" <br/> </body> </html> Spasi Tambahan & Simbol “<“ “>”  Spasi tambahan (“ “) dapat dibuat dengan kombinasi entitas   Contoh: <html> <head><title>Spasi Tambahan</title></head> <body> <p>Setelah ini ada lima spasi tambahan:"     ". Sekarang lanjut kalimat lagi.</p> </body> </html> Tampilan :  Kombinasi entitas untuk menampilkan simbol“<“ dan “>” di dalam halaman web: a) “<“ -> < [less than] b) “>” -> > [greater than] Contoh: <html> <head><title>Simbol "<" dan ">"</title></head> <body><p>Karakter "Kurang dari" : "<" <br/> Karakter "Lebih dari" : ">"</p> </body> </html> Met

Recently converted files (publicly available):