Frame

Frame sebenarnya hampir sama dengan tabel, namun cara pembuatannya berbeda. Perbedaan yang paling mencolok adalah, dalam pembuatan frame, tidak perlu adanya elemen body. Juga frame mencakup seluruh tampilan browser, sementara tabel harus diatur dulu ukurannya.
Pembuatan frame ada 2 macam :
  • Membagi tampilan browser menjadi beberapa bagian secara horizontal ->                     <FRAMESET ROWS="ukuran,ukuran,ukuran,dst"></FRAMESET>
  • Membagi tampilan browser menjadi beberapa bagian secara vertikal ->                                <FRAMESET COLS="ukuran,ukuran,ukuran,dst"></FRAMESET>
Ukuran dapat dinyatakan dalam persen, dan misalnya jika ingin membagi browser menjadi 3 bagian sama besar, maka akan ditulis seperti <FRAMESET ROWS/COLS="*,*,*"></FRAMESET> begitu pula seterusnya.

Di dalam frameset disertakan <FRAME SRC="nama file"> dan tidak perlu ditutup. Fungsinya adalah memasukkan file html yang akan dimuat dalam satu bagian frame tersebut. Jumlah frame src disamakan dengan banyaknya bagian yang sudah dibagi oleh frameset.

Tersedia juga tag <NOFRAME></NOFRAME> untuk mengantisipasi jika browser tidak mendukung frame, maka akan muncul tulisan seperti yang kita masukkan di antara tag <NOFRAME></NOFRAME>

Berikut adalah atribut yang dapat digunakan dalam tag <FRAMESET> :
  • Border -> Memberi garis pembatas
  • Bordercolor -> Memberi warna pada garis pembatas
Berikut adalah atribut yang dapat digunakan dalam tag <FRAME> :
  • Bordercolor -> Memberi warna pada garis pembatas
  • Marginheight -> Menentukan jarak garis pembatas dengan isi frame secara vertikal
  • Marginwidth -> Menentukan jarak garis pembatas dengan isi frame secara horizontal 
  • Noresize -> Untuk membuat ukuran frame tidak dapat diubah
  • Scrolling -> Mengatur fasilitas scrolling (YES,NO,AUTO), AUTO berarti fasilitas scrolling akan muncul sendiri bila diperlukan
  • Name -> Untuk memberi nama pada frame 
Kadang kita bisa memasukkan link dan halaman yang dituju link tersebut ditampilkan di bagian frame lain, tapi masih dalam satu halaman. Untuk itu, maka kita masukkan tag <BASE TARGET="nama frame yang dituju"> dan tidak perlu ditutup. Untuk memberi nama frame, kita gunakan atribut name pada tag <FRAME>.
Pada penggunaan link dalam frame, dapat dimasukkan target :
  •  _blank : Membuka halaman yang dituju dalam browser yang baru
  • _top : Membuka halaman dalam browser yang sama dan memenuhi semua browser
  • _self : Membuka halaman dalam tempat/frame yang sama
  • _parent : Membuka halaman dalam satu frameset di mana frame yang memuat link tersebut berada
Contoh :

FRAME.HTML :
 <html>
<frameset cols="*,*,*">
<frameset rows="*,*">
<frame src="a.html">
<frame src="a.html">
</frameset>
<frameset rows="*,*,*">
<frame src="a.html">
<frame src="a.html" name="frame" marginwidth="20" marginheight="20" scrolling="YES" noresize>
<frame src="a.html">
</frameset>
<frameset rows="*,*,*,*">
<frame src="a.html">
<frame src="a.html">
<frame src="a.html">
<frame src="a.html">
</frameset>
</html>

A.HTML :
<html>
<head>
<base target="frame">
</head>
<body bgcolor="yellow">
<table width="100%" border="0" bgcolor="grey">
<tr>
<td align="center"><font size="2">Home</font></td>
<td align="center"><font size="2">Computer
Main</font></td>
<td align="center"><font size="2">Products</font></td>
<td align="center"><font size="2">Tutorials</font></td>
<td align="center"><font size="2">Completely Free</font></td>
<td align="center"><font size="2">Mailing List</font></td>
</tr>
</table>
<a href="tabel.html">Tabel</a>
</body>
</html>
 

1 comment:

Subscribe to: Posts (Atom)