Mau Punya Web Keren ?

Google Website Translator Gadget

Minggu, 06 November 2011

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 :

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.
Klik disini untuk melihat tampilan file tersebut dalam html.
Contoh lain dengan menggunakan 3 kolom dan 2 baris :
 
Tag diatas akan menghasilkan tampilan sebagai berikut : 

frame

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 :
Tag diatas akan menghasilkan 3 kolom yang masing-masing memiliki lebar 20%, 50%, dan 30%. Hasil yang sama dapat dituliskan sebagai berikut :


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 :

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

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 :
Klik disini untuk melihat tampilan file tersebut dalam html.
Contoh 2 (no frameborder) :
Klik disini untuk melihat tampilan file tersebut dalam html.
BORDER
Atribut BORDER digunakan untuk menentukan seberapa tebal frameborder yang akan ditampilkan.

Contoh :
Klik disini untuk melihat tampilan file tersebut dalam html.
BORDERCOLOR
Atribut BORDERCOLOR digunakan untuk menentukan warna pada frameborder dari setiap bingkai.

Contoh :
Klik disini untuk melihat tampilan file tersebut dalam html.

0 komentar: