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:

http://m.4shared.com/

Keren bukan?

Dan inilah kode untuk menampilkan iframe seperti diatas:

http://m.4shared.com/

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

 

SUMBER : http://gudanginfo.web.id/html

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout /  Ubah )

Foto Google+

You are commenting using your Google+ account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )

w

Connecting to %s