Membuat Frame

Frameset adalah serangkaian instruksi untuk membagi halaman browser menjadi beberapa halaman. Setiap halaman disebut frame. Frameset menentukan letak setiap frame, propertispropertisnya, dan nama file yang ditampilkan bersama. Untuk mendefinisikan frameset, digunakan tag <frameset> diikuti dengan tag <frame> untuk menentukan file HTML yang akan dijadikan frame. Atribut yang digunakan di dalam tag <frameset> diantaranya: 1. cols, untuk menentukan jumlah kolom dari frameset yang dibuat. Jumlah kolom ditentukan oleh jumlah koma diantara lebar tiap frame. Misal bila kita ingin membuat 2 kolom, dimana kolom pertama berukuran 150 dan kolom kedua lebar selebihnya, penulisan kodenya:
cols="150,*"

Bila ingin membuat frame dengan jumlah kolom 3, dimana kolom pertama berukuran 150, kolom kedua lebar selebihnya, dan kolom ketiga lebarnya 150, penulisan kodenya:
cols="150,*,150"

2. rows, untuk menentukan jumlah baris dari frameset yang dibuat. Jumlah baris ditentukan oleh jumlah koma diantara lebar tiap frame. Misal bila kita ingin membuat 2 baris, dimana baris pertama berukuran 150 dan baris kedua lebar selebihnya, penulisan kodenya:
rows="150,*"

Bila ingin frame dengan jumlah baris 3, dimana baris pertama berukuran 150, baris kedua lebar selebihnya, dan baris ketiga lebarnya 150, penulisan kodenya:
rows="150,*,150"

3. frameborder, untuk menentukan ada tidaknya pembatas diantara frame. Valuenya "yes" bila ada pembatas, "no" bila tidak perlu ada pembatas. 4. border, untuk menentukan ketebalan pembatas apabila ada pembatas. 5. bordercolor, untuk menentukan warna pembatasnya. Contoh penulisan kode HTML untuk membuat frame HTML sebanyak 2 kolom dengan pembatas:

Kode HTML:

Tampilan browser:

Contoh penulisan kode HTML untuk membuat frame HTML sebanyak 2 baris tanpa pembatas:

Kode HTML:

Tampilan browser:

Sedangkan atribut yang digunakan dalam tag <frame> diantaranya: 1. src, untuk menentukan file yang akan dimasukkan ke dalam fram. 2. noresize apabila kita ingin supaya batasan diantara frame tidak bisa dirubah. 3. bordercolor, untuk menentukan warna pembatas frame.

4. marginwidth, untuk menentukan kiri dan kanan margin. 5. marginheight, untuk menentukan margin atas dan bawah. 6. scrolling, untuk menentukan apakah frame bisa di-scroll apa tidak. Value dari atribut ini, yaitu "yes", "no", dan "auto".

Membuat frame bersarang

Frame yang telah dibuat pada contoh di atas merupakan frame yang terdiri dari kolom dan baris. Frame yang menggabungkan frame kolom dan baris biasa disebut frame bersarang. Kode HTML untuk membuat kode bersarang adalah sebagai berikut: Kode HTML:

Tampilan browser:

Hyperlink di dalam suatu frame dapat diatur supaya ketika di-click, maka halaman yang dituju akan dibuka pada frame yang lain. Misal kita memiliki halaman frame di sebelah kiri yang memiliki banyak hyperlink. Kita ingin supaya ketika hyperlink-hyperlink ini di-click, maka halamannya akan muncul di frame yang kanan. Untuk membuat hal seperti ini, yang perlu dilakukan adalah menamai frame dengan nama tertentu. Contoh:

Kemudian di dalam dokumen yang mengandung hyperlink yang ditarget, misalkan di frame kiri, tambahkan atribut "target" untuk setiap tag <a> dan atur supaya nilainya sama dengan nama frame target, misalkan frame kanan. contoh penulisannya:

Dengan menuliskan kode di atas, maka apabila kita meng-click salah satu hyperlink di halaman kiri, halaman yang di-click akan muncul di halaman kanan.
http://membuat-website.webege.com/tutorial/tutweb/11/membuat-frame