Dengan frame, Anda dapat menampilkan lebih dari satu halaman web di jendela browser yang sama.
Contoh Vertical frameset
Contoh ini menunjukkan bagaimana membuat vertikal frameset dengan tiga dokumen yang berbeda.<html>
<frameset cols="25%,50%,25%">
<frame src="/frame_a.htm">
<frame src="/frame_b.htm">
<frame src="/frame_c.htm">
</frameset>
</html> |
Horizontal frameset Contoh ini menunjukkan bagaimana membuat horizontal frameset dengan tiga dokumen yang berbeda. <html>
<frameset rows="25%,50%,25%">
<frame src="/frame_a.htm">
<frame src="/frame_b.htm">
<frame src="/frame_c.htm">
</frameset>
</html>
|
Frames Dengan frame, Anda dapat menampilkan lebih dari satu dokumen HTML dalam jendela browser yang sama. Setiap dokumen HTML disebut sebuah frame, dan setiap frame tidak tergantung pada orang lain. Kerugian menggunakan frame adalah: - Pengembang web harus melacak lebih dokumen HTML
- Sulit untuk mencetak seluruh halaman
Frameset Tag - <frameset> Tag yang mendefinisikan bagaimana untuk membagi jendela menjadi frame
- Setiap frameset mendefinisikan satu set baris atau kolom
- Nilai-nilai dari baris / kolom menunjukkan jumlah area layar setiap baris / kolom akan menempati
Frame Tag - <frame> Tag yang mendefinisikan apa dokumen HTML untuk dimasukkan ke dalam setiap frame
Pada contoh di bawah ini kita memiliki rangkaian bingkai dengan dua kolom. Kolom pertama diatur ke 25% dari lebar jendela browser. Kolom kedua ditetapkan hingga 75% dari lebar jendela browser. Dokumen HTML "frame_a.htm" adalah dimasukkan ke dalam kolom pertama, dan dokumen HTML "frame_b.htm" adalah dimasukkan ke dalam kolom kedua:
<frameset cols="25%,75%">
<frame src="/frame_a.htm">
<frame src="/frame_b.htm">
</frameset> | |
Catatan: ukuran kolom rangkaian bingkai nilai juga dapat diatur dalam pixel (cols = "200.500"), dan salah satu kolom dapat diatur untuk menggunakan sisa ruang (cols = "25 %,*").
Tips Catatan Dasar - Tips Berguna Jika frame tersebut terlihat batas, pengguna dapat mengubah ukurannya dengan mendrag perbatasan. Untuk mencegah pengguna melakukan ini, Anda dapat menambahkan noresize = "noresize" ke <frame> tag. Tambahkan tag <noframes> untuk browser yang tidak mendukung frame. Penting: Anda tidak dapat menggunakan <body> </ body> tag bersama-sama dengan <frameset> </ frameset> tag! Namun, jika Anda menambahkan tag <noframes> berisi beberapa teks untuk browser yang tidak mendukung frame, Anda harus menyertakan teks dalam <body> </ body> tag! Melihat bagaimana hal ini dilakukan dalam contoh pertama di bawah ini.
Contoh Lain Cara menggunakan tag <noframes>
Contoh ini menunjukkan bagaimana menggunakan <noframes> tag. Campuran frameset
Contoh ini menunjukkan bagaimana membuat frameset dengan tiga dokumen, dan bagaimana mencampur mereka dalam baris dan kolom. Rangkaian bingkai dengan noresize = "noresize"
Contoh ini menunjukkan noresize atribut. Bingkai tidak resizable. Gerakkan mouse ke batas antara frame dan perhatikan bahwa Anda tidak dapat memindahkan perbatasan. Navigasi frame
Contoh ini menunjukkan bagaimana membuat frame navigasi. Bingkai navigasi berisi daftar link dengan bingkai kedua sebagai sasaran. File disebut "tryhtml_contents.htm" mengandung tiga link. Kode sumber dari link:
<a href="/frame_a.htm" target ="showframe">Frame a</a><br>
<a href="/frame_b.htm" target ="showframe">Frame b</a><br>
<a href="/frame_c.htm" target ="showframe">Frame c</a>
Bingkai kedua akan menampilkan dokumen yang terhubung. Inline frame
Contoh ini menunjukkan cara membuat sebuah inline frame (bingkai di dalam halaman HTML). Langsung ke bagian tertentu dalam bingkai
Contoh ini mendemonstrasikan dua frame. Salah satu frame memiliki sumber ke bagian tertentu dalam file. Bagian tertentu dibuat dengan <a name="C10"> dalam "link.htm" file. Langsung ke bagian tertentu dengan bingkai navigasi
Contoh ini mendemonstrasikan dua frame. Bingkai navigasi (content.htm) ke kiri berisi daftar link dengan frame kedua (link.htm) sebagai target. Bingkai kedua menunjukkan dokumen yang terhubung. Salah satu link di dalam bingkai navigasi terhubung dengan bagian tertentu dalam file target. Kode HTML dalam file "content.htm" terlihat seperti ini: <a href="/link.htm" target ="showframe"> Link tanpa Anchor </ a> <br> <a href = "link.htm # C10 "target =" showframe "> Link dengan Anchor </ a>.
sumber http://www.w3schools.com/HTML/ | 
