- Ada pertanyaan hubungi?
- 0831 8393 2425
- rasid [at] pintar.id
Frame HTML
Pendahuluan
Frame digunakan untuk membangun web page yang memungkinkan penampilan beberapa web page ditampilkan dalam satu window browser.
Sintaks:
<frameset border=# {[rows|col]}={#,[#[,..]]}
<frame src=”URL” name=”NamaFrame”>
</frameset>
Target Frame
Digunakan untuk menunjukan target penampilan dari suatu link.
_self : bila target frame adalah frame tempat link berada.
_top: bila target framenya windows tempat frame berada. Definisi frame yang ada pada windows browser akan hilang, diganti dengan definisi frame yang baru jika ada.
_parent : target frame adalah setingkat di atas frame link berada. Target frame _parent akan sama jika tempat frame link berada hanya satu level di bawah definisi frame windows.
_blank : untuk membuka windows baru
IFRAME
Memungkinkan membuat frame windows yang mengambang, akan seperti text box bila browser melakukan scroll maka frame ini juga ikut terscroll.
<iframe name=”nama_frame” src=”http://www.emerer.com”>
</iframe>
Frame Kolom
Membuat frameset vertikal dengan 3 dokumen yang berbeda.
<html>
<frameset cols=”25%,50%,25%”>
<frame src=”… .html”>
<frame src=”… .html”>
<frame src=”… .html”>
</frame>
</html>
Frame Baris
Membuat frameset horisontal dengan 3 dokumen yang berbeda.
<html>
<frameset rows=”25%,50%,25%”>
<frame src=”… .html”>
<frame src=”… .html”>
<frame src=”… .html”>
</frame>
</html>
Frame Campuran
Membuat frameset untuk 3 dokumen dalam baris dan kolom.
<html>
<frameset rows=”15%,85%”>
<frame src=”… .html”>
<frameset cols=”15%,85%”>
<frame src=”… .html”>
<frame src=”… .html”>
</frameset>
</frameset>
</html>
Frame Navigasi
Navigasi frame berisi sebuah daftar link dengan frame yang kedua sebagai target.
<html>
<frameset cols=”120,*” frameborder=”0″>
<frame src=”Menu.html”>
<frame src=”Isi.html” name=”showframe“>
</frameset>
</html>
Untuk linknya sebagai berikut:
<a href=”Photo.html” target=”showframe“> Photo </a>
Frame Inline
<html>
<body>
<iframe src=”Isi.html” name=”iframe_a“>
</iframe>
<br>
<a href=”http://www.emerer.com” target=”iframe_a“>
Situs Pak Rasid
</a>
</body>
</html>
