FRAME
Frame HTML dapat digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi beberapa bagian, dimana setiap bagiannya merupakan satu halaman HTML terpisah. Ini dilakukan untuk membuat tampilan halaman salah satu atau beberapa bagian berganti-ganti isinya sedangkan bagian lainnya tetap sehingga dapat menghemat bandwidth Internet dan mempercepat proses download secara keseluruhan.
Namun, ada hal penting yang perlu diperhatikan. Tidak semua browser mendukung frame, sehingga diperlukan perlakuan khusus terhadap pengguna browser tersebut.
Skema dasar frame:
<head>
<title>Judul</title>
</head>
<frameset>
<frame src=”nama file 1”>
<frame src=”nama file 2”>
<noframes>
<!-- Bagian ini ditampilkan jika browser tidak mendukung frame -->
</noframes>
</frameset>
</html>
Pengaturan layout frame seperti tabel, ada baris dan kolom. Masing-masing baris dan kolom ditentukan besarnya. Tag <frameset> menentukan tata letak, ukuran, dan banyaknya frame yang akan ditampilkan. Dokumen di atas berfungsi untuk mendefinisikan frameset sehingga tidak memerlukan isi (tag <body> tidak diperlukan). Isi yang akan ditampilkan berasal dari halaman web yang diacu pada masing-masing frame.
Atribut FRAMESET :
• COL : Membuat Vertical FRAME• ROW : Membuat Horizontal FRAME
• FRAMESPACING : Spasi di sekitar FRAME
• FRAMEBORDER : Membuat border pada FRAME
Contoh :
<FRAMESET COLS=”150,150,150”>….</FRAMESET>
<FRAMESET ROWS=”10%,40%,50%”>…..</FRAMESET>
<FRAMESET ROWS=”*,*,*”>…..</FRAMESET>
<FRAMESET COLS=”25%,40%,*”>…..</FRAMESET>
<FRAMESET COLS=”*,3*”>…..</FRAMESET>
Atribut FRAME SRC :
• MARGIN WIDTH
• MARGIN HEIGHT
• SCROLLING
• NORESIZE
• FRAMEBORDER
Sintaks :
• <FRAMESET COLS=”15%,25%,*>
<FRAME SRC=”url”>
</FRAMESET>
• <FRAMESET COLS=”15%,25%,*>
<FRAME SRC=”url”>
<FRAME SRC=”url”>
<FRAME SRC=”url”>
</FRAMESET>
Menggunakan FRAME Kolom
<FRAMESET COLS="*,*,*">
<FRAME SRC="file://I:/Latihan HTML/form.htm">
<FRAME SRC="file://I:/Latihan HTML/combo.htm">
<FRAME SRC="file://I:/Latihan HTML/GUESTBOOK.HTM">
</FRAMESET>
Hasil :
comment 0 komentar
more_vert