MENAMPILKAN FRAME
Format Penulisan:
<HTML>
<FRAMESET ROWS=“…” COLS=“…”> <FRAME NAME=“…” SRC=“…”> <FRAME NAME=“…” SRC=“…”>
</FRAMESET> </HTML>
FRAME digunakan untuk membagi window browser menjadi beberapa bagian window, sehingga dapat menampilkan beberapa file dalam window yang
<HTML>
<FRAMESET ROWS=“…”>
<FRAME NAME=“…” SRC=“…”> <FRAME NAME=“…” SRC=“…”>
</FRAMESET> </HTML>
Membagi frame menjadi baris:
MEMBAGI FRAME MENJADI BARIS
<HTML>
<FRAMESET ROWS="*,*">
<FRAME NAME="atas" SRC="atas.htm">
<FRAME NAME="bawah" SRC="bawah.htm">
</FRAMESET>
<HTML>
<FRAMESET COLS=“…”>
<FRAME NAME=“…” SRC=“…”> <FRAME NAME=“…” SRC=“…”>
</FRAMESET> </HTML>
Membagi frame menjadi kolom:
MEMBAGI FRAME MENJADI KOLOM
<HTML>
<FRAMESET COLS="*,*">
<FRAME NAME="kiri" SRC="kiri.htm">
<FRAME NAME="kanan" SRC="kanan.htm">
</FRAMESET>
MEMBAGI FRAME MENJADI BARIS DAN KOLOM
Membagi frame menjadi baris dan kolom: <HTML>
<FRAMESET ROWS=“…” COLS=“…”> <FRAME NAME=“…” SRC=“…”> <FRAME NAME=“…” SRC=“…”>
</FRAMESET> </HTML>
<HTML>
<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">
</FRAMESET>
</HTML>
Atas kiri
Bawah kiri
Atas kanan
MENENTUKAN
UKURAN FRAME
<HTML>
<FRAMESET ROWS="25%,*">
</FRAMESET> </HTML>
<FRAME NAME="judul" SRC="judul.htm">
<FRAMESET COLS="20%,*">
25%
20%
judul
menu utama
<HTML> <BODY>
<P ALIGN="center">
<IMG SRC="judul-1.gif">
</BODY> </HTML>
<HTML> <BODY>
<H1 ALIGN="center"> HALAMAN UTAMA<P> WEB SITE
</BODY> </HTML>
<HTML> <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> </HTML>
JUDUL.HTM UTAMA.HTM
PENGATURAN
BORDER
DAN
SCROLLING
PADA FRAME
Format Penulisan:
<HTML>
<FRAMESET ROWS=“…” COLS=“…” BORDER=“…”> <FRAME NAME=“…” SRC=“…” SCROLLING=“…”> <FRAME NAME=“…” SRC=“…” SCROLLING=“…”>
</FRAMESET> </HTML>
SCROLLING
<form name=“…" method="..." action=“...">
</form>
FORM
Format Penulisan:
Form digunakan untuk interaksi antara pengunjung web dan aplikasi web tersebut
method post
get
Action : - alamat e-mail,
contoh: action=“mailto:[email protected]” - alamat file,
<html> <body> <pre>
<form name="FormKu" method="post" action="">
Nama : <input type="text" name=“nama" size="20" maxlength="15">
</form>
</pre> </body> </html>
<input type="text" name=“..." size=“..." maxlength=“...">
FORM INPUT TYPE TEXT
Format Penulisan:
<html> <body> <pre>
<form name="FormKu" method="post" action="">
Password : <input type="password" name="katakunci" size="20" maxlength="15">
</form>
</pre> </body> </html>
<input type=“password" name=“..." size=“..." maxlength=“...">
FORM INPUT TYPE PASSWORD
Format Penulisan:
FORM TEXTAREA
Format Penulisan:
Contoh:
<html> <body> <pre>
<form name="FormKu" method="post" action=""> Alamat :
<textarea name="alamat" cols="20" rows="5"> </textarea>
</form>
</pre> </body> </html>
FORM INPUT TYPE FILE
Format Penulisan:
Contoh:
<html> <body> <pre>
<form name="FormKu" method="post" action="">
File yang dikirim : <input type="file" name="fileku" size="20" maxlength="100">
</form>
</pre> </body> </html>
<html> <body>
<form name="FormKu" method="post" action=""> 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"> </form>
</body> </html
FORM INPUT TYPE IMAGE
Format Penulisan:
Contoh:
FORM INPUT TYPE HIDDEN
Format Penulisan:
Contoh:
<html> <body> <pre>
<form name="FormKu" method="post" action="">
Dataku : <input type="hidden" name="rahasia" value="dataku"> </form>
</pre> </body> </html>
FORM INPUT TYPE RADIO
Format Penulisan:
Contoh:
<html> <body> <pre>
<form name="FormKu" method="post" action="">
Jenis Kelamin : <input type="radio" name="Jenis" checked value="Pria"> Laki-laki
<input type="radio" name="Jenis" value="Wanita"> Wanita
</form>
</pre> </body> </html>
FORM INPUT TYPE CHECKBOX
Format Penulisan:
Contoh:
<html> <body> <pre>
<form name="FormKu" method="post" action="">
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
</form>
</pre> </body> </html>
FORM SELECT
Format Penulisan:
Contoh: <html> <body> <pre>
<form name="FormKu" method="post" action=""> Status : <select name="status">
<option value="WNI" selected>WNI</option> <option value="WNA">WNA</option>
</select> </form>
</pre> </body> </html>
<select name="status">
<option value="..." selected>...</option> <option value="...">...</option>
<option value="...">...</option>
FORM INPUT TYPE BUTTON, SUBMIT, DAN RESET
Format Penulisan:
Contoh:
<input type="button" name="..." value="..."> <input type=“submit" name="..." value="..."> <input type=“reset" name="..." value="...">
<html> <body> <pre>
<form name="FormKu" method="post" action="">
<input type="button" name="tombol" value="Klik Disini" > <input type="submit" name="submit" value="OK" >
<input type="reset" name="reset" value="Batal" > </form>
