Memasukkan Halaman Lain dengan iFrame

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.

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

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:

Attribute Value Description DTD
align left
right
top
middle
bottom
Deprecated. Use styles instead.
Specifies the alignment of an iframe according to surrounding elements
TF
frameborder 1

0

Specifies whether or not to display a border around an
iframe
TF
height pixels

%

Specifies the height of an iframe TF
longdesc URL Specifies a page that contains a long description of the
content of an iframe
TF
marginheight pixels Specifies the top and bottom margins of an iframe TF
marginwidth pixels Specifies the left and right margins of an iframe TF
name name Specifies the name of an iframe TF
scrolling yes
no
auto
Specifies whether or not to display scrollbars in an iframe TF
src URL Specifies the URL of the document to show in an iframe TF
width pixels
%
Specifies the width of an iframe TF

Mudah-mudahan bermanfaat ya

17 thoughts on “Memasukkan Halaman Lain dengan iFrame

  1. gan,,,ane kgak tw caranya biar yg keambil bagian tengah halaman itu,,jdnya gag semua halaman… itu caranya gmna gan,,,tolong bantuannya

    • Kalau cuma sebagian anda harus gunakan perintah CURL dan nanti musti melakukan sedikit filter biar terambil yang tengah aja 🙂

  2. Pingback: Memasukan Halaman Web Lain Dengan Iframe | Free Share About All (Download, Tips Trik, Tutorial)

  3. Pingback: Belajar Dasar HTML | fachristawarna

Leave a Reply

Your email address will not be published. Required fields are marked *