Memasukkan Halaman Lain dengan iFrame
DAFTAR ISI

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 sekarang 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 4 shared di artikel seperti ini:

Browser anda tidak support frame

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 memakai atribut SRC untuk menentukan halaman apa yang ingin dimuat, WIDTH adalah lebar frame-nya dan HEIGHT adalah tinggi.

Disamping 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

Baca Juga:  Jenis – Jenis Selector Pada CSS

Ebook Gratis!!

Subscribe untuk dapatkan e-book GRATIS dan informasi teknologi terbaru dan diskon menarik langsung di Email-mu

Taufiq
Taufiq
Digital Strategist & System Analyst. Passion dalam teknologi terutama dalam pengembangan aplikasi. Selain itu senang mempelajari digital marketing dan bisnis.
0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
WhatsApp chat