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>.


oke, kita akan lanjut tutorial panduan belajar html untuk pemula selanjutnya ...




<< HTML Form : Sebelumnya                                                     Selanjutnya : HTML Iframes >>



Posting Lama Posting Lebih Baru

Comments :

ada 3 komentar ke “Belajar HTML - HTML Frames”
@syifazzahrah mengatakan...
pada  

mau nanya, gimana cara nya nambahin frame ke video ya? jdi video'a itu ada bingkai'a gitu. kaya bingkai i-pad :D

Majalah Siantar mengatakan...
pada  

boleh juga nih ilmunya..

Toko Herbal Boyke mengatakan...
pada  

informasi yg bagus utk nambah wawasan ttg html,saya akan kunjungi lagi nanti ya...

Poskan Komentar


Copyright © 2014 - Aldi Ferdiyan - My Facebook - Powered By Pasa Iklan / Pasang Iklan Gratis


"Belajar HTML - HTML Frames"

Sewa Laptop Infonindo.com - Penyewaan Laptop - Sewa Laptop di jakarta - Warta kesehatan - Warta Sehat - Profil - Seks - alkes lab - Obat Penyakit Ibu Anak