Silahkan Klik...!!!

Minggu, 27 Maret 2011

Tag Frameset dan Atributnya

02.30 semogaberkah2010.blogspot.com

FRAMESET adalah tag HTML yang digunakan untuk menampilkan bingkai-bingkai tersendiri pada dokumen HTML. FRAMESET digunakan bersamaan dengan penggunaan tag FRAME yang berguna untuk menampilkan file sumber dari bingkai untuk dijadikan bagian dari tag FRAMESET. Cara kerja FRAMESET sama seperti cara kerja tag TABLE dimana tag TABLE digunakan untuk membuat halaman dokumen HTML menjadi beberapa bagian kolom dan baris. Hal ini juga dilakukan oleh tag FRAMESET yang dapat membagi halaman dokumen HTML menjadi kolom dan baris, bedanya, pada tag FRAMESET, isi dari setiap kolom dan barisnya berbentuk bingkai yang bersumber dari dokumen HTML lain.

Sebagai contoh :

  1. <HTML>  
  2. <HEAD>  
  3. <TITLE>Dasar pembuatan Frame</TITLE>  
  4. </HEAD>  
  5.   
  6.   <FRAMESET COLS="60%,40%" ROWS="75%,25%">  
  7.          <FRAME SRC="a.html">  
  8.          <FRAME SRC="b.html">  
  9.          <FRAME SRC="c.html">  
  10.          <FRAME SRC="d.html">  
  11.   </FRAMESET>  
  12.   
  13. </HTML> 
 Tag diatas akan menghasilkan tampilan sebagai berikut :

frame

Tag diatas akan membuat tampilan dokumen HTML kita menjadi 4 bagian (2 kolom dan 2 baris) yang masing-masing lebarnya telah ditentukan. Keempat bagian bingkai tersebut diambil dari dokumen yang bernama a.html, b.html, c.html, d.html. 

 Contoh lain dengan menggunakan 3 kolom dan 2 baris :
  1. <HTML>  
  2. <HEAD>  
  3. <TITLE>Frame 6 Bingkai</TITLE>  
  4. </HEAD>  
  5.   
  6.   <FRAMESET COLS="32%,30%,38%" ROWS="55%,45%">  
  7.          <FRAME SRC="a.html">  
  8.          <FRAME SRC="b.html">  
  9.          <FRAME SRC="c.html">  
  10.          <FRAME SRC="d.html">  
  11.         <FRAME SRC="e.html">  
  12.         <FRAME SRC="f.html">  
  13.   </FRAMESET>  
  14.   
  15. </HTML> 
Tag diatas akan menghasilkan tampilan sebagai berikut :

frame
COLS
Atribut COLS digunakan untuk menentukkan berapa banyak kolom yang akan ditampilkan beserta lebar dari masing-masing kolom. Penggunaan COLS dapat dituliskan sebagai berikut :
<FRAMESET COLS=�20%, 50%, 30%�>
Tag diatas akan menghasilkan 3 kolom yang masing-masing memiliki lebar 20%, 50%, dan 30%. Hasil yang sama dapat dituliskan sebagai berikut :
<FRAMESET COLS=�20%, 50%, *�>
Tanda bintang pada tag tersebut mengartikan 'sisanya', jadi apabila kolom pertama memiliki lebar 20%, dan kolom kedua memiliki lebar 50%, maka kolom ketiga memiliki lebar sebesar 'sisanya' yaitu sebesar 30%.
ROWS
Atribut ROWS digunakan untuk menentukkan berapa banyak baris yang akan ditampilkan beserta lebar dari masing-masing baris. Penggunaan ROWS dapat dituliskan sebagai berikut :
 <FRAMESET COLS=�35%, 20%, 20%, 25%�>

 Tag diatas akan menghasilkan 4 kolom yang masing-masing memiliki lebar 35%, 20%, 20% dan 25%. Hasil yang sama dapat dituliskan sebagai berikut :

 <FRAMESET COLS=�35%, 20%, 20%, *�>

 Tanda bintang pada tag tersebut mengartikan 'sisanya', jadi apabila kolom pertama memiliki lebar 35%, kolom kedua memiliki lebar 20%, dan kolom ketiga memiliki lebar 20% juga, maka kolom keempat memiliki lebar sebesar 'sisanya' yaitu sebesar 25%.

FRAMEBORDER
Atribut FRAMEBORDER digunakan untuk menentukan apakah disekeliling tiap bingkainya akan diberi border atau tidak.

frame border
 Contoh :
  1.   <HTML>  
  2.  <HEAD>  
  3. <TITLE>Atribut Frameborder</TITLE>  
  4. </HEAD>  
  5.   <FRAMESET COLS="60%,40%" ROWS="75%,25%" FRAMEBORDER="1">  
  6.          <FRAME SRC="a.html">  
  7.          <FRAME SRC="b.html">  
  8.          <FRAME SRC="c.html">  
  9.         <FRAME SRC="d.html">  
  10.   </FRAMESET>  
  11. </HTML> 
 Contoh 2 (no frameborder) :
  1.   <HTML>  
  2.  <HEAD>  
  3. <TITLE>Atribut Frameborder</TITLE>  
  4. </HEAD>  
  5.   <FRAMESET COLS="60%,40%" ROWS="75%,25%" FRAMEBORDER="0">  
  6.          <FRAME SRC="a.html">  
  7.          <FRAME SRC="b.html">  
  8.          <FRAME SRC="c.html"><  
  9.         <FRAME SRC="d.html">  
  10.   </FRAMESET>  
  11. </HTML> 
BORDER
Atribut BORDER digunakan untuk menentukan seberapa tebal frameborder yang akan ditampilkan.

Contoh :
  1.      <HTML>  
  2.  <HEAD>  
  3. <TITLE>Atribut Border</TITLE>  
  4. </HEAD>  
  5.   <FRAMESET COLS="60%,40%" ROWS="75%,25%" FRAMEBORDER="1" BORDER="5">  
  6.          <FRAME SRC="a.html">  
  7.          <FRAME SRC="b.html">  
  8.          <FRAME SRC="c.html">  
  9.         <FRAME SRC="d.html">  
  10.   </FRAMESET>  
  11. </HTML> 
BORDERCOLOR
Atribut BORDERCOLOR digunakan untuk menentukan warna pada frameborder dari setiap bingkai.

Contoh :

  1.  <HTML>  
  2.  <HEAD>  
  3. <TITLE>Atribut Border</TITLE>  
  4. </HEAD>  
  5.   <FRAMESET COLS="60%,40%" ROWS="75%,25%" FRAMEBORDER="1" BORDER="5"  bordercolor=#0000FF>  
  6.          <FRAME SRC="a.html">  
  7.          <FRAME SRC="b.html">  
  8.          <FRAME SRC="c.html">  
  9.         <FRAME SRC="d.html">  
  10.   </FRAMESET>  
  11. </HTML>

2 komentar:

Unknown mengatakan...

sangat-sangat jelas .. tankyuuu :)

9 Januari 2014 pukul 08.27
Unknown mengatakan...
Komentar ini telah dihapus oleh pengarang.
8 Maret 2017 pukul 17.04

Posting Komentar