Skip to main content

Frame HTML

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.

Membuat Frame HTML - KeyzeX

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
 
Membuat Frame Kolom 3 Bagian - KeyzeX

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

Membuat Frame Baris - KeyzeX

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
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar