Membuat tag iframe dengan HTML

July 20, 2018
Setelah beberapa sesi sebelumnya kita telah membahas tentang HTML, kali ini kita akan membahas tag iframe.

Iframe merupakan sebuah tag html yang berfungsi untuk menampilkan halaman website tanpa harus membuka website tersebut. jadi apabila anda ingin menampilkan website lain dalam halaman web anda maka anda bisa menggunakan tag <iframe> untuk menampilkannya. caranya sangat mudah, anda hanya perlu menambahkan atribut src=”” pada tag pembuka <iframe> untuk meletakkan link url dari website yang ingin anda tampilkan. cara penulisan tag iframe di awali dengan tag iframe pembuka “<iframe>” dan di akhiri dengan tag iframe penutup </iframe>.
Perhatikan contoh dan penjelasan berikut ini tentang cara menggunakan tag <iframe>.
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Tag Iframe Pada HTML | dr-kone.blogspot.com</title>
</head>
<body>
<h1>Belajar HTML Tag Iframe Pada HTML | dr-kone.blogspot.com</h1>
<iframe src="https://dr-kone.blogspot.com" height="500px" width="1000px"></iframe>
</body>
</html>
coba jalan kan contoh di atas, berinama contohifram.html lalu jalankan di browser anda.
hasilnya akan seperti ini
Perhatikan pada contoh di atas. untuk membuat atau menggunakan tag <iframe> untuk menampilkan halaman website ada halaman web anda anda bisa menggunakan tag <iframe> dan kemudian memberikan atribut src=”” untuk meletakkan url dari halaman website yang ingin anda tampilkan. pada contoh ini kita akan menampilkan halaman website dr-kone.blogspot.com sehingga contoh nya seperti berikut. Belajar HTML Tag Iframe Pada HTML.
<iframe src="https://dr-kone.blogspot.com" height="500px" width="1000px"></iframe>
Atribut height dan width pada contoh di atas untuk menentukan tinggi dan lebar iframe. tapi anda bisa menggunakan css untuk mengatur ukuran tinggi dan lebar iframe.
kita akan lanjutkan sesi berikutnya dalam menggabung kan css dan HTML.
Untuk melihat artikel/materi lainnya silahkan masuk di sini

Wickey

Author:

Facebook Comment

Inside Post