Salah satu fungsi kode HTML adalah perintah iframe. Browser yang mendukung iframe diantaranya:
Dengan perintah iframe akan menampilkan bentuk berikut:
Perintah dasar dari iframe adalah sebagai berikut: <iframe>….teks dari iframe…. </iframe>
Atribut yang dipasang dalam iframe:
Atribut | Nilai | Keterangan |
align | left right top middle bottom |
Untuk mengatur posisi iframe |
frameborder | 1 0 |
Untuk menampilkan border di sekitar iframe |
width | pixels % |
Menentukan lebar iframe |
height | pixels % |
Menentukan tinggi iframe |
longdesc | URL | Menentukan panjang halaman isi dari iframe |
marginheight | pixels | Menentukan margin atas dan bawah iframe |
marginwidth | pixels | Menentukan margin kiri dan kanan iframe |
name | nama | nama iframe |
scrolling | yes no auto |
Menentukan apakah akan menampilkan scrollbar di iframe |
src | URL | Alamat sumber URL yang akan ditampilkan |
Contoh tanpa scrolling:
<iframe align=”left” frameborder=”1″ src=”tes_iframe.html” width=”500″ height=”100″ scrolling=”no”>
Hallo, ini adalah tes iframe
</iframe>
klik gambar di bawah untuk lihat hasil
Contoh dengan scrolling:
<iframe align=”left” frameborder=”0″ src=”tes_iframe.html” width=”500″ height=”100″ scrolling=”yes”>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec iaculis, ante et congue feugiat, elit wisi commodo metus, ut commodo ligula enim ac justo. Pellentesque id ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Phasellus vitae mi a elit dictum volutpat. Pellentesque nec arcu. Etiam blandit. Phasellus egestas dolor ut lacus. Sed enim justo, sagittis ut, condimentum non, ullamcorper eu, neque. In hac habitasse platea dictumst. Integer ipsum risus, sagittis ac, imperdiet ac, interdum sed, libero. Praesent commodo. Mauris congue, urna eget hendrerit elementum, dolor ligula ultrices neque, in elementum ante erat et elit.
</iframe>
klik gambar di bawah untuk lihat hasil
Kunjungi www.prowebpro.com untuk menambah wawasan anda.