FRAME
Windows dalam browser yang dibagi menjadi beberapa windows disebut Frame. Model ini sering digunakan untuk lebih memperjelas penyajian informasi, dengan menu sajian selalu ditampilkan. sehingga dapat menghemat bandwith internet.
<FRAMESET BORDER=# {[ROWS|COLS]}={#,[#[,...]]}>
<FRAME SRC=”url” NAME=”nama frame”>
</FRAMESET>
1. FRAMESET : perintah untuk membuat frame, dan umumnya berpasangan
dengan perintah <FRAME SRC>
Sintak :
o <FRAMESET COLS=”lebar jendela bagian kiri, lebar jendela bagian kanan”>
o <FRAMESET COLS=”*,*”>
o <FRAMESET ROWS=”*,*”>
Cols adalah frame dalam bentuk kolom
Rows adalah frame dalam bentuk baris
2. FRAME SRC : perintah untuk memasukkan suatu halaman atau gambar ke dalam
jendela
Sintak :
<FRAME SRC=”link” NAME=”nama” SCROLLING=”yes I no” NORESIZE >
3. Dalam pembuatan frame, tidak perlu adanya elemen body.
Contoh Frame navigasi:
Frame3.html:
<HTML>
<FRAMESET COLS="25%,75%">
<FRAME SRC="menu.html">
<FRAME SRC="open.html" NAME="showframe">
</FRAMESET>
</HTML>
Menu.html:
<HTML>
<H4>Contoh-contoh HTML:</H4>
<A HREF="image3.html" TARGET="showframe">Image HTML</A><BR>
<A HREF="list1.html" TARGET="showframe">List HTML</A><BR>
<A HREF="form1.html" TARGET="showframe">Form HTML</A><BR>
</HTML>
Open.html:
<HTML>
<H4>Klik pada menu contoh-contoh HTML</H4>jika ingin melihat
contoh html-html yang sederhana sekaliiii!
</HTML>
Windows dalam browser yang dibagi menjadi beberapa windows disebut Frame. Model ini sering digunakan untuk lebih memperjelas penyajian informasi, dengan menu sajian selalu ditampilkan. sehingga dapat menghemat bandwith internet.
<FRAMESET BORDER=# {[ROWS|COLS]}={#,[#[,...]]}>
<FRAME SRC=”url” NAME=”nama frame”>
</FRAMESET>
1. FRAMESET : perintah untuk membuat frame, dan umumnya berpasangan
dengan perintah <FRAME SRC>
Sintak :
o <FRAMESET COLS=”lebar jendela bagian kiri, lebar jendela bagian kanan”>
o <FRAMESET COLS=”*,*”>
o <FRAMESET ROWS=”*,*”>
Cols adalah frame dalam bentuk kolom
Rows adalah frame dalam bentuk baris
2. FRAME SRC : perintah untuk memasukkan suatu halaman atau gambar ke dalam
jendela
Sintak :
<FRAME SRC=”link” NAME=”nama” SCROLLING=”yes I no” NORESIZE >
3. Dalam pembuatan frame, tidak perlu adanya elemen body.
Contoh Frame navigasi:
Frame3.html:
<HTML>
<FRAMESET COLS="25%,75%">
<FRAME SRC="menu.html">
<FRAME SRC="open.html" NAME="showframe">
</FRAMESET>
</HTML>
Menu.html:
<HTML>
<H4>Contoh-contoh HTML:</H4>
<A HREF="image3.html" TARGET="showframe">Image HTML</A><BR>
<A HREF="list1.html" TARGET="showframe">List HTML</A><BR>
<A HREF="form1.html" TARGET="showframe">Form HTML</A><BR>
</HTML>
Open.html:
<HTML>
<H4>Klik pada menu contoh-contoh HTML</H4>jika ingin melihat
contoh html-html yang sederhana sekaliiii!
</HTML>
Baca artikel sebelumnya PRAKTIK 29 MARQUEE ZIG-ZAG HTML
Frameset Vertikal
Buatlah sebuah dokumen HTML untuk tulisan berikut ini : Simpan dengan nama FramesetVertikal.html
<html>
<head><title>FRAMESET VERTIKAL</title>
</head>
<frameset cols="25%,50%,25%">
<frame src="frame_a.html">
<frame src="frame_b.html" >
<frame src="frame_c.html">
</frameset>
</html>
Buka dokumen yang anda buat tadi
Lihatlah hasilnya :
<html>
<head><title>FRAMESET VERTIKAL</title>
</head>
<frameset cols="25%,50%,25%">
<frame src="frame_a.html">
<frame src="frame_b.html" >
<frame src="frame_c.html">
</frameset>
</html>
Buka dokumen yang anda buat tadi
Lihatlah hasilnya :
Frameset Horisontal
Buatlah sebuah dokumen HTML untuk tulisan berikut ini : Simpan dengan nama FramesetHorisontal.html
<html>
<head><title> FRAMESET HORISONTAL</title>
</head>
<frameset rows="25%,50%,25%">
<frame src="frame_a.html">
<frame src="frame_b.html">
<frame src="frame_c.html">
</frameset>
</html>
Buka dokumen yang anda buat tadi
Lihatlah hasilnya :
<html>
<head><title> FRAMESET HORISONTAL</title>
</head>
<frameset rows="25%,50%,25%">
<frame src="frame_a.html">
<frame src="frame_b.html">
<frame src="frame_c.html">
</frameset>
</html>
Buka dokumen yang anda buat tadi
Lihatlah hasilnya :
Frameset Frameset Campuran
Buatlah sebuah dokumen HTML untuk tulisan berikut ini : Simpan dengan nama FramesetCampuran.html
<HTML>
<HEAD>
<TITLE> Frameset Campuran </TITLE>
</HEAD>
<FRAMESET ROWS=20%,*>
<FRAME NAME=header SRC="header.html">
<FRAMESET COLS=30%,*>
<FRAME NAME=kiri SRC="kiri.html">
<FRAME NAME=kanan SRC="kanan.html">
</FRAMESET>
</FRAMESET>
</HTML>
Buka dokumen yang anda buat tadi
Lihatlah hasilnya :
Download Filenya dilink dibawah ini
Baca artikel selanjutnya PRAKTIK 31 IFrame HTML
No comments:
Post a Comment