Frame
Frame HTML dapat digunakan untuk membuat tampilan halaman HTML yang terbagi dalam beberapa bagian berdasarkan baris dan kolom, dan setiap bagian adalah 1 halaman web. Biasanya frame digunakan jika salah satu bagian dalam halaman web tetap dan halaman yang lainnya berubah (mis : Menu) sehingga dapat mempercepat proses, karena hanya satu bagian saja yang diload dari server. Untuk membuat frame, digunakan tag <FRAMESET> … </FRAMESET> dalam tag ini terdapat tag <FRAME> yang menentukan isi dari frame yang ditentukan dalam tag <FRAMESET>, struktur dari tag ini adalah :
<frameset border=n rows|cols = ”..%, ...%, dst”>
<frame src=”url” name=”name frame”>
<frame src=”url” name=”name frame”>
</frameset>
Pada tag <FRAMESET> terdapat atribut COLS atau ROWS, atribut COLS jika kita ingin membuat frame yang terbagi dalam kolom-kolom, sedangkan atribut ROWS digunakan jika kita ingin membuat frame yang terbagi dalam beberapa baris.
Dokumen yang berisi frame tidak boleh menggunakan elemen BODY, sebagai gantinya digantikan oleh elemen FRAMESET yang menyatakan bahwa isi dokumen tersebut mengandung suatu frame .
Struktur dasar dokumen HTML dengan frame sebagai berikut :
<html>
<head>
--- bagian head ---
</head>
<frameset>
--- bagian frame ---
</frameset>
</html>
FRAMESET mempunyai 2 buah atribut, yaitu ROWS (membagi jendela browser menjadi beberapa baris frame) dan
COLS (membagi jendela browser menjadi beberapa kolom frame). Misalnya jika kita ingin membuat 3 buah baris frame
di mana tiap frame tingginya adalah 100, 150, dan 200 pixel, maka kode HTML untuk membuat frame ini adalah : <FRAMESET ROWS = “100, 150, 200”>.
Cara lain untuk menyatakan ukuran baris dan kolom suatu frame adalah dengan menggunakan % dan nilai relative.
Contoh 1 : <FRAMESET ROWS =”25%, 25%, 50%”>
Contoh 2 : <FRAMESET ROWS =”*, 3*, *”>
Contoh :
<!—Dokumen HTML Frame -->
<html>
<head>
<title>Frame Baris dan Kolom </title>
</head>
<! – Frame dibagi menjadi tiga buah frame baris - - >
<frameset rows = “*,*,*”>
<! Frame baris pertama sebagai header -- >
<frame src = “a.htm”>
<! Frame baris kedua, dibagi menjadi dua buah frame kolom -- >
<frameset cols = “*,*”>
<frame scr = “b.htm”>
<frame scr = “c.htm”>
</frameset>
<! Frame ketiga sebagai Footer -- >
<frame src = “d.htm”>
</frameset>
</html>
Dalam frame terdapat target yang digunakan untuk menunjukkan target penampilan dari suatu link .
<html>
<head>
<title>Daftar</title>
<body>
<center>
<a href=”gunung.htm” target=”dinamis”><h2>Mountain</h2></a>
<a href=”sungai..htm” target=”dinamis”><h2>River</h2></a>
</center>
</body>
</html>
<html>
<head>
<title>Contoh Penggunaan Frame</title>
<frameset cols=”30%, *”>
<frame src=”daftar.htm”>
<frame src=”gunung.htm” name=”dinamis”>
</frameset>
</html>
Senin, 26 September 2011
Frame
0 komentar:
Posting Komentar