Monday , October 14 2024

Membuat iFrame di HTML

Membuat iFrame di HTML

Lebakcyber.net – Membuat iFrame di HTML. Pada kesempatan belajar HTML kali ini kita akan belajar mengenai bagaimana cara membuat iFrame pada file HTML yang kita buat. Iframe sendiri adalah sebuah tag pada HTML yang memiliki fungsi untuk menampilkan suatu halaman website tanpa perlu membuka website tersebut.

Jadi kalau kita ingin menampilkan website kedalam file HTML yang sedang kita buat, maka kita hanya perlu menggunakan tag <iframe> untuk menampilkan website tersebut kedalam file HTML yang kita buat.

Cara membuat iFrame di HTML juga sangat mudah, kita hanya perlu menambahkan atribut “src=” didalam tag <iframe> untuk memasukan alamat link url dari web yang ingin kita tampilkan tersebut.

Cara penulisan tag iframe pada HTML diawali dengan tag iframe pembuka “<iframe>” lalu diakhiri dengan tag iframe penutup </iframe>. Silahkan lihat contohnya dibawah ini :

<!DOCTYPE html>
<html>
<head>
<title>Cara buat iFrame Pada halaman HTML - Lebak Cyber</title>
</head>
<body>

<h3> Dibawah ini adalah contoh iframe yang menampilkan website lebak cyber</h3>
<iframe src="https://www.lebakcyber.net" height= "350px" widht="750"></iframe>

</body>
</html>

Jadi untuk memasukan halaman web lain kedalam file HTML yang sedang kita buat dapat menggunakan tag <iframe> yang diikuti dengan atribut src=”” yang digunakan untuk memasukan alamat url untuk halaman website yang ingin ditampilkan.

Sedangkan atribut height dan juga width digunakan untuk mengatur berapa tinggi dan juga lebar dari halaman web yang ingin kita tampilkan pada halaman HTML yang kita buat, sama seperti kita mengatur tinggi dan lebar pada saat menambahkan foto kedalam file HTML.

Oke sampai disini kita sudah mempelajari tentang bagaimana cara menampilkan halaman website lain di file HTML yang sedang kita buat, sangat mudah bukan caranya.

Semoga tutorial HTML sederhana ini dapat bermanfaat dan sampai jumpa pada tutorial belajar HTML selanjutnya.

About Firdan Ardiansyah

Admin di lebakcyber.net Untuk berhubungan dengan saya, silahkan kirim email ke : firdan@lebakcyber.net

Leave a Reply

Your email address will not be published. Required fields are marked *