Pada tulisan kali ini akan dibahas mengenai frame pada 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.
Sintaks:
<FRAMESET BORDER=# {[ROWS|COLS]}={#,[#[,...]]}>
<FRAME SRC=”url” NAME=”nama frame”>
</FRAMESET>
Target Frame
Nama frame predefined: _self, _top, _parent, _blank, sering digunakan untuk menunjukkan
target penampilan dari suatu link.
Atribut NAME merupakan atribut wajib, jika frame yang bersangkutan akan dijadikan sebagai
tempat untuk menampilkan URL suatu link.
IFRAME
Pada browser Internet Explorer versi 3.0 dan selanjutnya dikembangkan sebuah model FRAME
yang disebut sebagai IFRAME, memungkinkan pemrograman web untuk membuat frame
windows yang mengambang, frame ini berlaku mirip seperti suatu text box, jika browser
melakukan secroll maka frame ini juga turut terscroll.
Sintaks:
<IFRAME NAME=”nama frame” SRC=”url” ROWS=# COLS=#>
</IFRAME>
________________________________________________________________________________
Contoh Frame berbentuk Kolom:
<HTML>
<FRAMESET COLS="25%,50%,25%">
<FRAME SRC="tabel6.html">
<FRAME SRC="form1.html">
<FRAME SRC="list3.html">
</FRAMESET>
</HTML>
Contoh Frame berbentuk baris:
<HTML>
<FRAMESET ROWS="25%,50%,25%">
<FRAME SRC="tabel6.html">
<FRAME SRC="form1.html">
<FRAME SRC="list3.html">
</FRAMESET>
</HTML>
Contoh frame campuran:
<HTML>
<FRAMESET ROWS="25%,75%">
<FRAME SRC="tabel6.html">
<FRAMESET COLS="75%,25%">
<FRAME SRC="form1.html">
<FRAME SRC="list3.html">
</FRAMESET>
</FRAMESET>
</HTML>
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>
Menu.html
________________________________________________________________________________
No comments:
Post a Comment