KeyzeX – Frame HTML adalah sebuah elemen dalam HTML yang digunakan untuk membangun web page yang memungkinkan penampilan beberapa web page yang ditampilkan dalam satu browser, misalnya dalam 1 web browser Chrome terdapat beberapa web page HTML. Windows dalam browser dibagi menjadi beberapa windows yang disebut frame. Model ini sering digunakan untuk lebih memperjelas penyajian informasi, dengan menu sajian selalu ditampilkan. Fasilitas ini hanya dapat dijalankan pada browser web Internet Explorer v 3.0 ke atas dan Netscape Navigator v 2.0 ke atas.
Sintaks Frame :
<frameset border=# {[ROWS|COLS}=#,[#[,..]]}>
<Frame SRC="URL HTML" name="Nama Frame">
</frameset>
Target FRAME
Nama frame predefined : _self, _top, _parent, _blank, sering digunakan untuk menunjukkan target penampilan dari suatu link yang terdapat dalam frame.
Nama Frame | Kegunaan Frame |
---|---|
_Self | Digunakan apabila target frame adalah frame tempat link berada |
_top | Digunakan apabila target frame adalah windows tempat frame berada. Dengan menggunakan _top sebagai target dalam frame maka definisi frame yang ada apa windows browser akan hilang, diganti dengan definisi frame yang baru jika ada. |
_parent | Target frame adalah setingkat di atas frame link berada. Akibat dari target frame _parent akan sama jika tempat frame link berada hanya satu level di bawah definisi frame windows. |
_blank | Target _blank digunakan untuk membuka windows baru |
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 dengan IFRAME, IFRAME ini memungkinkan pemrograman web untuk membentuk atau membuat frame windows yang mengambang, frame ini berlaku mirip seperti suatu text box, jika browser melakukan scroll maka frame ini juga akan mengikuti dan terscroll.
Sintaks :
<iframe name="nama_Frame" Src="URLHTML" rows=# cols=#>
</iframe>
Atribut name dalam IFRAME wajib diisikan jika dalam web page yang akan menampilkan lebih dari satu frame mengambang, jika tidak maka akan hanya ada satu frame yang ditampilkan dalam satu browser yang digunakan.
Contoh :
Untuk dapat mencoba setiap contoh maka harus disiapkan terlebih dahulu dokumen-dokumen HTML yang akan ditampilkan dalam suatu frame.
MEMBUAT BERBAGAI MACAM FRAME
1. FRAME KOLOM
Source Code Frame Kolom 3 Bagian :
<html>
<frameset cols="25%,50%,25%">
<Frame src="Bagian1.html">
<frame src="Bagian2.html">
<frame src="Bagian3.html">
</frameset>
</html>
2. FRAME BARIS
Source Code Frame Baris 3 Bagian :
<html>
<frameset rows="25%,50%,25%">
<frame src="Bagian1.html">
<frame src="Bagian2.html">
<frame src="Bagian3.html">
</frameset>
</html>
3. FRAME GABUNGAN
Frame ini menampilkan 3 buah dokumen, yang berisikan baris dan kolom.
Source Code Frame Gabungan :
<html>
<frameset rows="50%,50%">
<frame src="Bagian1.html">
<frameset cols="25%,75%">
<frame src="Bagian2.html">
<frame src="Bagian3.html">
</frameset>
</frameset>
</html>
4. FRAME NAVIGASI
Frame navigasi ini berisi sebuah daftar link dengan frame yang kedua sebagai target. Frame yang kedua menampilkan konten atau dokumen yang di-link. Sebagai target dimana showframe tersebut merupakan nama dari target dari frame kanan.
Source Code Frame Navigasi :
<html>
<frameset cols="120,*" frameborder="1">
<frame src="Bagian1.html">
<frame src="Bagian2.html" name="showframe">
</frameset>
</html>
5. Tag-tag pada Frame
Tag Awal | NN | IE | W3 | Kegunaan |
---|---|---|---|---|
<frameset> | 3.0 | 3.0 | 4.0 | Mendefinisikan Himpunan frame |
<frame> | 3.0 | 3.0 | 4.0 | Mendefinisikan suatu sub windows (Frame) |
<noframes> | 3.0 | 3.0 | 4.0 | Mendefinisikan suatu seksi noframe untuk browser yang tidak dapat memunculkan frame |
<iframe> | 3.0 | 4.0 | Mendefinisikan suatu frame inline |