IFRAME
Inline Frames merupakan implementasi besar ide frame - mereka memungkinkan Anda untuk membuka halaman baru di dalam halaman utama, tanpa banyak masalah yang ditimbulkan oleh gaya klasik frame.
<iframe> Dasar
Inline atau "mengambang" frame adalah orang yang muncul pada halaman, seperti gambar atau tabel akan. Hal ini memungkinkan Anda untuk membuka halaman benar-benar terpisah di tengah-tengah halaman Anda. Berikut adalah contoh sederhana dari sebuah frame inline:
Jadi sekarang, aku punya dua halaman yang ditampilkan pada satu halaman, tanpa pembatasan dari biasanya
frameset hal. Kode untuk inline frames sangat mudah, dan sangat mirip dengan <img> elemen. Untuk mendapatkan halaman tersebut untuk menampilkan, saya menulis < iframe src="../examples/inlineframes1.html" width="80%" height="110"> </iframe> Sangat, sangat mudah kok. Para
iframe unsur set up beberapa ruang untuk konten baru, dan src atribut menentukan alamat dari file Inlined. Jika Anda ingin menggunakan halaman dari situs web lain, Anda hanya bisa dimasukkan ke dalam penuh URL , dimulai dengan bagian "http://". Lebar dan tinggi frame dinotasikan baik sebagai nilai-nilai pixel atau persentase. Anda perlu penutup
</iframe> tag, meskipun Anda bayangkan itu un-diperlukan, jadi jangan lupa. Apa pun yang Anda menempatkan antara tag akan muncul untuk browser yang tidak bisa melakukan iframe s (yaitu Netscape 4). Interaksi
Jika Anda memiliki beberapa
iframe s pada halaman yang sama Anda dapat memiliki mereka berinteraksi, dengan mengirimkan perintah di antara mereka, seperti frame biasa. Check this out: 
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">[left]</span> [Kiri]</span> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">[right]</span> [Kanan]</span>
Sekali lagi, ini pada dasarnya metode yang sama interlinking telah Anda pelajari dalam bingkai dasar . Anda hanya memberikan Anda
iframe sa name atribut, dan kemudian menambahkan yang sesuai target="name" untuk link. Jadi, kode akan pergi sesuatu seperti ini: <iframe src="left.html" name="left"></iframe> <iframe src="right.html" name="right"></iframe> Kemudian pada left.html, tambahkan
target="right" untuk link. Mudah. Dan jika tidak, Anda mungkin harus melihat kembali pertama tutorial frame . Jika Anda ingin mengatur efek ini, Anda akan perlu untuk membuat file html kosong untuk duduk di kanan iframe menunggu untuk berubah - Anda tidak bisa meninggalkan src kosong. Juga perhatikan bagaimana Kembali dan tombol Forward dalam browser Anda berperilaku. Jika Anda mengklik link yang membuka dalam sebuah
iframe , menekan Kembali akan membuat bingkai kembali isi sebelumnya, dan Anda akan perlu untuk tekan Kembali lagi untuk kembali halaman dalam sejarah Anda. Semua atribut
Ada beban atribut dapat Anda gunakan pada inline frames Anda, dan mereka adalah:
scrolling="no" jika halaman berbingkai terlalu besar untuk dimensi yang telah Anda tetapkan scrollbar akan muncul. Atribut ini akan menghentikan hal ini terjadi.
frameborder="0" pengaturan perbatasan untuk 0 menghilangkan itu, memungkinkan halaman untuk berintegrasi mulus dengan halaman utama Anda. Nilai yang mungkin adalah 1 (ya) dan 0 (tidak ada), Anda tidak dapat memberikan perbatasan yang lebih besar.
marginwidth="x" menambahkan beberapa jarak antara sisi perbatasan iframe dan halaman di dalamnya.
marginheight="x" menambahkan beberapa jarak antara bagian atas dan batas iframe bawah dan halaman di dalamnya. Setiap nilai yang Anda berikan
marginwidth dan marginheight akan ditambahkan ke margin Anda telah diterapkan pada halaman batin sendiri. align="right" seperti atribut gambar, ini akan mempengaruhi bagaimana teks di sekitar frame menyelaraskan diri.
hspace="x" set margin ruang putih di sekitar iframe ke samping.
vspace="x" set margin ruang putih ke atas dan bawah dari iframe, mendorongnya menjauh dari elemen halaman lainnya.
Sebagian besar atribut ini dapat diganti dengan CSS yang sesuai, untuk perbatasan dan spasi .
SUMBER:
0 komentar:
Posting Komentar