Scribd
Unggah
15 tayangan2 halaman

Penggunaan Tag Iframe dalam HTML

Tag iframe dalam HTML digunakan untuk menyisipkan dokumen HTML lain seperti halaman web lain ke dalam halaman web utama. Dengan menambahkan atribut target pada tag a dan name pada tag iframe, link yang diklik akan dimuat di area iframe. Atribut seperti scrolling, marginwidth, marginheight, dan frameborder dapat ditambahkan pada tag iframe untuk menghilangkan batas dan scrollbar pada iframe.

Diunggah oleh

linggih
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
15 tayangan2 halaman

Penggunaan Tag Iframe dalam HTML

Tag iframe dalam HTML digunakan untuk menyisipkan dokumen HTML lain seperti halaman web lain ke dalam halaman web utama. Dengan menambahkan atribut target pada tag a dan name pada tag iframe, link yang diklik akan dimuat di area iframe. Atribut seperti scrolling, marginwidth, marginheight, dan frameborder dapat ditambahkan pada tag iframe untuk menghilangkan batas dan scrollbar pada iframe.

Diunggah oleh

linggih
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd

Tag 'iframe' HTML

Tag 'iframe' HTML


Embed Dokumen HTML menggunakan tag <iframe>

Adakah cara untuk menyisipkan situs lain secara aktual ke web/blog? Jika itu yang menjadi pertanyaan anda sekarang maka penggunaan tag <iframe> bisa menjadi salah satu jawaban dari beberapa solusi yang ada. Hasil dari penggunaan tag <iframe> ibarat seperti anda menonton televisi dalam televisi. Tag <iframe> biasanya berisi dokumen HTML, contoh simpelnya seperti di bawah ini:
<iframe src="[Link] style="width: 100%; height: 300px"></iframe>

Copy dan paste code di atas pada dokumen html anda, kemudian lihat hasilnya.
Membuat external link yang akan dimuat pada area <iframe>

Sekarang saatnya coba menambahkan link yang mana apabila di klik akan dimuat (dibuka) pada area <iframe>. Contoh codenya seperti di bawah ini:
<div><a href="[Link] target="internal">Lexus</a> | <a href="[Link] target="internal">Toko Bagus</a> | <a href="[Link] target="internal">NASA Indonesia</a> | <a href="[Link] target="internal">MSN</a> | <a href="[Link] target="internal">eBay</a> | <a href="[Link] target="internal">Wordpress</a></div> <iframe src="[Link] style="width: 100%; height: 300px" name="internal"></iframe>

Copy dan paste code di atas pada dokumen html anda, kemudian lihat hasilnya. Menyisipkan atribut "name" pada tag <iframe> dan memakai atribut "target" = "internal" pada tag <a> maka halaman yang diklik akan di load (dimuat) pada area <iframe>
Menghilangkan Garis batas tepi <iframe>

Kebanyakan orang tertarik untuk menghilangkan garis batas tepi <iframe> agar tidak terlalu kelihatan pemakaian <iframe> pada dokumen html mereka. Hal ini bisa dilakukan dengan menambahkan beberapa atribut HTML seperi di bawah ini:
<iframe src="[Link] style="width: 100%; height: 500px" scrolling="no" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0"></iframe>

[Link] | Tag 'iframe' HTML

Tag 'iframe' HTML Copy dan paste code di atas pada dokumen html anda, kemudian lihat hasilnya.
Jika anda ingin menghilangkan scrollbar pastikan tinggi dari <iframe> harus mencakup semua halaman web untuk menghindari terpotongnya objek halaman dalam <iframe>.

Article Source:

[Link]

[Link] | Tag 'iframe' HTML

Anda mungkin juga menyukai