0812-8884-973

Memasukkan Halaman Lain dengan iFrame

Memasukkan Halaman Lain dengan iFrame


Sebagai contoh saya ingin menampilkan halaman 4shared di artikel seperti ini :

Jika pada artikel sebelumnya kita bekerja dengan frame dimana halaman frameset-nya hanya sebagai wadah saja tanpa kita bisa menambah apapun didalamnya. Maka pada artikel kali ini kita akan mencoba memasukkan halaman lain atau web lain ke dalam sebuah kotak di dalam halaman web kita.

Dengan begitu, kita bisa menampilkan web lain di web kita tanpa takut kehilangan tampilan asli web.



Keren bukan?

Dan inilah kode untuk menampilkan iframe seperti diatas :

<iframe src="http://m.4shared.com/" width="100%" height="400">
Browser anda tidak support frame
</iframe>
 
iframe memiliki beberapa atribut. Dalam contoh diatas saya menggunaka atribut SRC untuk menentukan halaman apa yang ingin dimuat, WIDTH adalah lebar frame-nya dan HEIGHT adalah tinggi.

Selain itu ada beberapa atribut lain yaitu :

AttributeValueDescriptionDTD
alignleft
right
top
middle
bottom
Deprecated. Use styles instead.
Specifies the alignment of an iframe according to surrounding elements
TF
frameborder1
0
Specifies whether or not to display a border around an
iframe
TF
heightpixels
%
Specifies the height of an iframeTF
longdescURLSpecifies a page that contains a long description of the
content of an iframe
TF
marginheightpixelsSpecifies the top and bottom margins of an iframeTF
marginwidthpixelsSpecifies the left and right margins of an iframeTF
namenameSpecifies the name of an iframeTF
scrollingyes
no
auto
Specifies whether or not to display scrollbars in an iframeTF
srcURLSpecifies the URL of the document to show in an iframeTF
widthpixels
%
Specifies the width of an iframeTF

Mudah-mudahan bermanfaat yaa..

  1. HTML Pertamaku
  2. Cara Memasukkan Gambar
  3. Membuat Text Mengalir di sekeliling Gambar
  4. Macam-macam Heading 
  5. Membuat Formulir Isian
  6. Form Input Data
  7. Membuat Optional
  8. Membuat Optional Data dari Banyak Data
  9. Input Data Artikel
  10. Membuat Tombol Submit dan Reset
  11. Membuat Tabel
  12. Membuat Tabel Kompleks
  13. Bekerja dengan Frame
  14. Memasukkan Halaman Lain dengan iFrame

No comments:

Post a Comment

 
© 17Juni2017 - 2017 DuniaKita | Tutorial DuniaKita Online
DuniaKita adalah Tempat Belajar Online -->