HTML : Menggunakan Tag Iframe pada HTML

Assalammualaikum Wr.Wb

create-script - hai gaesss...bertemu lagi bersama saya (author) di blog saya, kali ini saya akan sharing tentang bagaimana cara menggunakan tag Iframe pada HTML...penasaran?...simak pembahasan berikut :)

A. PENDAHULUAN

Pengertian

Iframe adalah tag yang digunakan unntuk menampilkan halaman website tanpa harus susah payah membuka website tersebut. website tersebut juga dapat berupa situs web, dan dapat juga berupa youtube.

Latar Belakang

penggunaan iframe sekarang sudah sering digunakan. fungsinya yaitu menampilkan laman website lain kedalam website milik kita

Maksud dan Tujuan

agar dapat menggunakan tag <iframe> dengan benar

Hasil yang Diharapkan

dapat menggunakan tag <iframe>

C. ALAT DAN BAHAN

Text Editor
Web Browser

B. PEMBAHASAN

Iframe adalah tag yang digunakan unntuk menampilkan halaman website tanpa harus susah payah membuka website tersebut. website tersebut juga dapat berupa situs web, dan dapat juga berupa youtube. jadi, jika anda ingin menampilkan halaman website lain di dalam website anda, anda dapat menampilkannya cukup dengan tag <iframe>. dan penggunaannya juga saat mudah. dibuka dengan tag <iframe> dan didalamnya ada atribut src="" yang digunakan unntuk memberi link pada website anda tentang website yang ingin anda tampilkan didalam website anda. dan juga yang terakhir ditutup dengan menggunakan tag </iframe>.

Cara Penggunaan tag IFrame

perhatikan script berikut sebagai contoh websitenya.
ketikkan script berikut pada text editor anda:

<!DOCTYPE html>
<html>
<head>
    <title>create-script</title>
</head>
<body>
    <h2>Menggunakan tag iframe pada HTML</h2>
    <iframe src="http://create-script.blogspot.com/">Ini adalah websitenya</iframe>

</body>
</html>

kemudian save, dan buka di browser anda, maka hasilnya akan menjadi seperti ini :

pada penulisan tag iframe ini anda harus online, dikarenakan website apa saja yang ada di dalam tag iframe akan tersambung jika saja anda online. jadi saat anda tidak online, itu tidak akan berfungsi, atau "server not found". anda juga dapat mengatur ukuran iframe-nya dengan menambahkan atribut width dan height. contoh seperti berikut :

<!DOCTYPE html>
<html>
<head>
    <title>create-script</title>
</head>
<body>
    <h2>Menggunakan tag iframe pada HTML</h2>
    <iframe src="http://create-script.blogspot.com/" width="500px" height="200px">Ini adalah websitenya</iframe>

</body>
</html>

kemudian save, dan buka kembali di browser milik anda, maka hasilnya akan menjadi seperti ini :

D. HASIL YANG DIDAPATKAN

Kita dapat menggunakan tag <iframe> dengan baik dan benar

E. KESIMPULAN

Menggunakan tag <iframe> sebenarnya tidak sulit, kita hanya menggunakan link. dan penggunaannya juga seperti cara pada saat memasukkan gambar pada HTML

F. REFERENSI

Malasngoding

sekian sharing saya pada kesempatan kali ini semoga bermanfaat....

Wassalammualaikum Wr. Wb.

Share this