Cara Membuat Tag Iframe HTML [ Modul HTML ]

Sabtu, 18 Juni 2016

Cara Membuat Tag Iframe HTML. Bagi sobat yang belum tahu apa itu fungsi iframe, iframe berfungsi untuk menampilkan isi dari alamat website lainya. yaitu <iframe>.

Tag <iframe> ini mempunyai beberapa atribut, yaitu:

ALIGN = Mengatur posisi iframe. Nilainya left atau right.

WIDTH = Menentukan lebar iframe dalam piksel atau persen.

HEIGHT = Mengatur tinggi iframe dalam piksel atau persen.

FRAMEBORDER = Mengatur pemberian garis pembatas.

SCROLLING = Menentukan apakah iframe dapat mempunyai scroll bar. Nilainya yes, no, atau auto.

SRC = Alamat sumber yang ditampilkan dalam iframe.

Bentuk dasar iframe adalah sebagai berikut

Untuk IFRAME yang memiliki garis pembatas dan memiliki fasiltas scrolling, maka kodenya menjadi seperti ini:

=======================================

unanya dari iframe. Misal saya mempunya 2 halaman html contoh: index.html dan info.html. Nah dihalaman index.html saya ingin menaruh halaman info.html. Jadi terdapat 2 halaman dalam 1 halaman.

Nah untuk menaruh info.html di dalam file index.html gunakan script ini :


Nah script itu ditaruh di dalam tag body, misal mau menaruh info.html di dalam table jadi taruh script iframe itu didalam tag table.



Jika iframe itu tidak ingin di scroll, pada script scrolling=”yes” diganti dengan no, frameborder untuk memberikan garis tepi, width dan height untuk memberikan ukuran Lebar dan Tinggi.

=============================



Untuk itu agar blog ini tidak terlalu berat saya akan kasih contoh iframe dengan menampilkan halaman dari salah satu blog ini juga.
Kode yang kita gunakan adalah:
   <iframe> </iframe>
Sedang astribut yang biasa di pakai adalah:


ALIGN="left/right"
FRAMEBORDER="garis batas"
WIDTH="lebar"
HEIGHT="tinggi"
SCROLLING="auto/yes/no"
SRC="alamat url yang akan di tampilkan"

Di bawah ini adalah contoh iframe yang tampilannya saya ambil dari salah satu halaman blog ini.
Dan kodenya sbb:
<iframe align="left" frameborder="1" src="http://activekita.blogspot.com/2010/02/memasang-buku-tamu-dengan-menu-sliding.html"width="585" height="400" scrolling="auto"></iframe> 




=======================================

iframe pada html adalah sebuah kode pemrograman html yang fungsinya menampilkan halaman website atau script yang di letakan di tempat lain agar menyatu dengan halaman website Anda, seolah – seolah halaman atau script itu adalah bagian dari website Anda. Atau lebih jelasnya adalah seperti menggabungkan suatu website orang lain dengan website anda. Sehingga website anda terlihat seperti bagian dari website orang lain dan sebaliknya.

Tujuan pembuatan iframe tidak lain adalah untuk menghubungkan website anda dengan website orang lain agar lebih simple saat ingin menggunakanya. Untuk menuliskannya kita perlu menggunakan notepad sebagai media presentasinya, tag yang di gunakan adalah sebagai berikut:

Contoh sintak;

<p>Your browser does not support iframes.</p>

</iframe>

Untuk Anda yang belum pernah menggunakan tag html, kali ini saya akan menuliskan bagaimana cara membuat iframe dengan contoh lengkap;
Contoh lengkap dan pemasukannya;

<!DOCTYPE html>

<html>

<body>

<iframe src="http://www.mp3skull.com">

<p>Your browser does not support iframes.</p>

</iframe>

</body>

</html>

Pada saat Anda menyinpan file yang sudah di ketikan ke dalam notepad, jangan lupa simpan dengan menggunakan tag (.html) di belakang nama file yang Anda simpan agar bisa berjalan scara otomatis ke dalam browser.
Jika Anda sudah menyimpan dan kemudian anda jalankan, maka akan keluar gambar seperti di bawah ini…
gambar tersebut tidak hanya diam , namun juga bisa langsung bekerja seperti website yang ada pada google search .

NavBar

Cari Blog Ini

Profil saya

Teman