Cara Membuat Frame Pada HTML

Cara Membuat Frame Pada HTML

Frame digunakan untuk menampilkan beberapa halaman web (web Page) didalam satu windows. Kita dapat membagi halaman web menjadi beberapa bagian dan membingkai bagian-bagian tersebut. Konsep pembuatan frame hampir sama dengan tabel, bedanya jika pada tabel merupakan baris dan kolom maka pada frame merupakan bagian dari halam web lainnya.


Cara Membuat Frame Pada HTML


Frame juga sering digunakan untuk memperjelas penyajian informasi dan menu informasi lainnya. Salah satu keuntungan menggunakan frame adalah  lebih mudah mengatur hubungan antara satu halamn dengan halaman lainnya. Pada gambar diatas terdapat 3 bagian frame yang ditampilkan dalam satu windows.


Untuk pembuatan frame digunakan tag frameset. Tag frameset merupakan frame induk yang digunakan menampung beberapa frame didalamnya.

Perhatikan contoh pembuatan frame dibawah (frame campuran), tapi sebelum membuatnya sobat buat dulu file yang diperlukan seperti, kiri.html dan kanan.html. Perhatikan syntaks dibawah:

<html>  
 <head>  
 <title> Contoh Frame Campuran</title>  
 </head>  
 <frameset rows="100,*">  
   <frame name="judul" scrolling="no" noresize src="atas.html">  
   <frameset cols="180,*">  
     <frame name="menu" src="kiri.html" scrolling="no">  
     <frame name="main" src="kanan.html">  
   </frameset>  
 </frameset>  
 </html>  


Target Frame

Beberapa target frame yang sering digunakan:
_self: digunakan apabila target frame adalah tempat link berada
_top digunakan apabila target frame adalah windows tempat frame berada
_parent: setingkat diatas frame link
_blank: digunakan untuk membuka windows baru.


Frame Kolom

Frame kolom digunakan untuk membagi halaman web bersusun kesamping membentuk kolom (vertikal). Contoh:

<html>  
 <head>  
   <title>Frame kolom</title>  
 </head>  
 <frameset cols="25%,50%,25%">  
   <frame src="kiri.html"></frame>  
   <frame src="tengah.html"></frame>  
   <frame src="kanan.html"></frame>  
 </frameset>  
 </html>  


Frame Baris

Frame kolom digunakan untuk membagi halaman web menjadi berbaris kebawah (horizontal). Sama halnya seperti frame kolom (perhatikan sintaks frame kolom), kita hanya perlu mengganti frame set cols menjadi rows. Contoh:

<html>  
 <head>  
   <title>Frame Baris</title>  
 </head>  
 <frameset rows="25%,50%,25%">  
   <frame src="kiri.html"></frame>  
   <frame src="tengah.html"></frame>  
   <frame src="kanan.html"></frame>  
 </frameset>  
 </html>  


Frame Campuran

Frame campuran adalah frame gabungan antara frame baris dan frame kolom. Untuk contoh sintaksnya silahkan liat pada contoh paling atas.


Frame Navigasi

Frame navigasi adalah frame yang memuat daftar link dan frame lainnya sebagai target untuk menampilkan link dari frame pertama.
Contoh:

<html>  
 <head>  
   <title>Frame Navigasi</title>  
 </head>  
 <frameset cols="120,*, frameborder="1">  
   <frame src="kiri.html"></frame>  
   <frame src="kanan.html"></frame>  
 </frameset>  
 </html>  


Frame Inline

Frame inline merupakan frame yang disisipkan pada tag html. Contoh:

<html>  
 <head>  
   <title>Frame Inline</title>  
 </head>  
 <iframe src="kanan.html">  
 </iframe>  
 <p> Pastikan file kanan.html telah dibuat <p>  
 </html> 


Baca Juga Cara Memasukkan Gambar Pada HTML

Demikian Cara  Membuat Frame Pada HTML, Semoga Bermanfaat