Rabu, 11 Juli 2012

Belajar HTML - HTML Frames

Dengan Frames beberapa jendela halaman web dapat di tampilkan dalam satu halaman saja .

oke, kita akan melihat contoh langsung dari html frames :

vertikal frameset
Cara membuat frameset dengan tiga dokumen vertikal yang berbeda.

frameset horizontal
Cara membuat frameset horizontal dengan tiga dokumen yang berbeda.

(Anda dapat menemukan lebih banyak contoh di bagian bawah halaman ini)

HTML Frame

Dengan frame, Anda dapat menampilkan lebih dari satu dokumen HTML di jendela browser yang sama. Setiap dokumen HTML disebut sebuah frame, dan setiap frame adalah independen dari yang lain.

Kelemahan dari menggunakan frame adalah:


Frame kemungkinan tidak akan didukung pada versi mendatang dari HTML
Frame sulit untuk digunakan. (Mencetak seluruh halaman sulit).
Pengembang web harus melacak semua dokumen HTML yang lebih.


Elemen HTML frameset

Elemen frameset memegang satu atau lebih elemen frame.Setiap elemen frameset dapat memegang dokumen yang terpisah.

Elemen frameset menyatakan BERAPA BANYAK kolom atau baris yang akan ada dalam rangkaian frame, dan berapa banyak persentase / pixel dari ruang yang akan menempati masing-masing frame.


Elemen HTML frame

Tag <frame> mendefinisikan satu jendela tertentu (frame) dalam sebuah frameset.

Pada contoh di bawah kita memiliki sebuah frameset dengan dua kolom.

Kolom pertama diatur ke 25% dari lebar jendela browser. Kolom kedua adalah set ke 75% dari lebar jendela browser.
Dokumen"frame_a.htm" dimasukkan ke dalam kolom pertama, dan dokumen "frame_b.htm" dimasukkan ke dalam kolom kedua.

contoh :
<frameset cols="25%,75%">
   <frame src="frame_a.htm" />
   <frame src="frame_b.htm" />
</frameset>

Catatan: Ukuran kolom frameset juga dapat diatur dalam pixel(cols = "200.500"), dan salah satu kolom dapat diatur dengan menggunakan ruang yang tersisa, dengan asterisk (cols = "25%,*").


oke, kita langsung praktekan dengan contoh - contoh di bawah ini :

contoh 

Cara menggunakan tag <noframes>
Cara menggunakan tag <noframes> (untuk browser yang tidak mendukung frame).

Nested framesets
Bagaimana menciptakan sebuah frameset dengan tigadokumen, dan bagaimana campuran mereka dalam baris dankolom.

Frameset dengan noresize = "noresize"
Cara menggunakan atribut noresize. Gerakkan mouse di atasbatas antara frame dan melihat bahwa Anda tidak dapat memindahkan perbatasan.

navigasi frame
Bagaimana untuk membuat frame navigasi. Frame navigasi berisi daftar link dengan frame kedua sebagai target. File yang bernama "tryhtml_contents.htm" berisi tiga link. Kode sumberdari link:
<a href ="frame_a.htm" menargetkan ="showframe"> Frame </ a> <br>
<a href ="frame_b.htm" menargetkan ="showframe"> Bingkai b</ a> <br>
<a href ="frame_c.htm" menargetkan ="showframe"> Bingkai c</ a>
Frame kedua akan menunjukkan dokumen terkait.

Langsung ke bagian tertentu dalam bingkai
Dua frame. Salah satu frame memiliki sumber ke bagian tertentudalam sebuah file. Bagian yang ditentukan adalah dibuat denganname="C10"> <a di file "link.htm".

Langsung ke bagian tertentu dengan bingkai navigasi
Dua frame. Frame navigasi (content.htm) ke kiri berisi daftar linkdengan frame kedua (link.htm) sebagai target. Frame keduamenunjukkan dokumen terkait. Salah satu link dalam framenavigasi terkait dengan bagian yang ditentukan dalam file target.Kode HTML dalam file "content.htm" terlihat seperti ini: <a href="link.htm" sasaran ="showframe"> Tautan tanpa Anchor </ a><br> <a href = "# C10 link.htm "target =" showframe "> link dengan Anchor </ a>.

Sumber : http://zengbogel.blogspot.com/2012/01/belajar-html-html-frames.html

Tidak ada komentar:

Poskan Komentar