MENAMPILKAN FRAME FRAME digunakan untuk membagi window browser menjadi beberapa bagian window, sehingga dapat menampilkan beberapa file dalam window yang berbeda-beda Format Penulisan: <FRAMESET ROWS= COLS= > <FRAME NAME= SRC= > <FRAME NAME= SRC= >
MEMBAGI FRAME MENJADI BARIS Membagi frame menjadi baris: <FRAMESET ROWS= > <FRAME NAME= SRC= > <FRAME NAME= SRC= > <FRAMESET ROWS="*,*"> <FRAME NAME="atas" SRC="atas.htm"> <FRAME NAME="bawah" SRC="bawah.htm">
MEMBAGI FRAME MENJADI KOLOM Membagi frame menjadi kolom: <FRAMESET COLS= > <FRAME NAME= SRC= > <FRAME NAME= SRC= > <FRAMESET COLS="*,*"> <FRAME NAME="kiri" SRC="kiri.htm"> <FRAME NAME="kanan" SRC="kanan.htm">
MEMBAGI FRAME MENJADI BARIS DAN KOLOM Membagi frame menjadi baris dan kolom: <FRAMESET ROWS= COLS= > <FRAME NAME= SRC= > <FRAME NAME= SRC= > Atas kiri Atas kanan Bawah kiri Bawah kanan <FRAMESET COLS="*,*" ROWS="*,*"> <FRAME NAME="ataskiri" SRC="ataskiri.htm"> <FRAME NAME="bawahkiri" SRC="ataskanan.htm"> <FRAME NAME="ataskanan" SRC="bawahkiri.htm"> <FRAME NAME="bawahkanan" SRC="bawahkanan.htm">
MENENTUKAN UKURAN FRAME judul 25% <FRAMESET ROWS="25%,*"> <FRAME NAME="judul" SRC="judul.htm"> menu utama <FRAMESET COLS="20%,*"> <FRAME NAME="menu" SRC="menu.htm"> <FRAME NAME="utama" SRC="utama.htm"> 20%
MENU.HTM <BODY> JUDUL.HTM <BODY> <P ALIGN="center"> <IMG SRC="judul-1.gif"> </BODY> UTAMA.HTM <BODY> <H1 ALIGN="center"> HALAMAN UTAMA<P> WEB SITE </BODY> <A HREF="menu-1.htm" TARGET="utama"> <IMG SRC="tombol-1.gif"></A><P> <A HREF="menu-2.htm" TARGET="utama"> <IMG SRC="tombol-2.gif"><P> <A HREF="menu-3.htm" TARGET="utama"> <IMG SRC="tombol-3.gif"><P> </BODY>
PENGATURAN BORDER DAN SCROLLING PADA FRAME Format Penulisan: <FRAMESET ROWS= COLS= BORDER= > <FRAME NAME= SRC= SCROLLING= > <FRAME NAME= SRC= SCROLLING= > yes SCROLLING no auto
FORM Form digunakan untuk interaksi antara pengunjung web dan aplikasi web tersebut Format Penulisan: <form name= " method="..." action=..."> method post get Action : - alamat e-mail, contoh: action= mailto:ali@yahoo.co.id - alamat file, contoh: action= coba.asp
Format Penulisan: FORM INPUT TYPE TEXT <input type="text" name=..." size=..." maxlength=..."> <pre> Nama : <input type="text" name= nama" size="20" maxlength="15"> </pre> </html>
FORM INPUT TYPE PASSWORD Format Penulisan: <input type= password" name=..." size=..." maxlength=..."> <pre> Password : <input type="password" name="katakunci" size="20" maxlength="15"> </pre> </html>
FORM TEXTAREA Format Penulisan: <textarea name=..." cols=..." rows=..."> </textarea> <pre> Alamat : <textarea name="alamat" cols="20" rows="5"> </textarea> </pre> </html>
Format Penulisan: FORM INPUT TYPE FILE <input type="file" name="..." size="..." maxlength="..."> <pre> File yang dikirim : <input type="file" name="fileku" size="20" maxlength="100"> </pre> </html>
FORM INPUT TYPE IMAGE Format Penulisan: <input type="image" name="..." value="..." src="..." alt="..." width="..." height="..."> Pilih salah satu gambar:<br> <input type="image" name="gambar1" value="gambara" src="gambar1a.jpg" alt="pilih gambar 1" width="200" height="200"> <input type="image" name="gambar2" value="gambarb" src="gambar2b.jpg" alt="pilih gambar 2" width="200" height="200"> </html
Format Penulisan: FORM INPUT TYPE HIDDEN <input type="hidden" name="..." value="..."> <pre> Dataku : <input type="hidden" name="rahasia" value="dataku"> </pre> </html>
Format Penulisan: FORM INPUT TYPE RADIO <input type="radio" name=..." value=..." checked> <pre> Jenis Kelamin : <input type="radio" name="jenis" checked value="pria"> Laki-laki <input type="radio" name="jenis" value="wanita"> Wanita </pre> </html>
Format Penulisan: <pre> FORM INPUT TYPE CHECKBOX <input type= checkbox" name=..." value=..." checked> Pekerjaan : <input type="checkbox" name="pekerjaan" value="pns">pns <input type="checkbox" name="pekerjaan" value="swasta">swasta <input type="checkbox" name="pekerjaan" value="lain">lain-lain </pre> </html>
FORM SELECT Format Penulisan: <select name="status"> <option value="..." selected>...</option> <option value="...">...</option> <option value="...">...</option> </select> <pre> Status : <select name="status"> <option value="wni" selected>wni</option> <option value="wna">wna</option> </select> </pre> </html>
FORM INPUT TYPE BUTTON, SUBMIT, DAN RESET Format Penulisan: <input type="button" name="..." value="..."> <input type= submit" name="..." value="..."> <input type= reset" name="..." value="..."> <pre> <input type="button" name="tombol" value="klik Disini" > <input type="submit" name="submit" value="ok" > <input type="reset" name="reset" value="batal" > </pre> </html>