Membuat Frameset dengan HTML

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 :

view plaincopy to clipboardprint?

Tag diatas akan menghasilkan tampilan sebagai berikut :

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.

Klik disini untuk melihat tampilan file tersebut dalam html.

Contoh lain dengan menggunakan 3 kolom dan 2 baris :

view plaincopy to clipboardprint?

 

Tag diatas akan menghasilkan tampilan sebagai berikut : 

Klik disini untuk melihat tampilan file tersebut dalam html.

COLS

Atribut COLS digunakan untuk menentukkan berapa banyak kolom yang akan ditampilkan beserta lebar dari masing-masing kolom. Penggunaan COLS dapat dituliskan sebagai berikut :

view plaincopy to clipboardprint? 

Tag diatas akan menghasilkan 3 kolom yang masing-masing memiliki lebar 20%, 50%, dan 30%. Hasil yang sama dapat dituliskan sebagai berikut :

view plaincopy to clipboardprint?

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 :

view plaincopy to clipboardprint?

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

view plaincopy to clipboardprint?

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.



Contoh :

view plaincopy to clipboardprint? 

Klik disini untuk melihat tampilan file tersebut dalam html.

Contoh 2 (no frameborder) :

view plaincopy to clipboardprint?

Klik disini untuk melihat tampilan file tersebut dalam html.

BORDER

Atribut BORDER digunakan untuk menentukan seberapa tebal frameborder yang akan ditampilkan.

Contoh :

view plaincopy to clipboardprint?

Klik disini untuk melihat tampilan file tersebut dalam html.

BORDERCOLOR

Atribut BORDERCOLOR digunakan untuk menentukan warna pada frameborder dari setiap bingkai.

Contoh :

view plaincopy to clipboardprint?

Klik disini untuk melihat tampilan file tersebut dalam html.