SleepingCodings - Iframe merupakan sebuah tag HTML yang berfungsi untuk menampilkan halaman website tanpa harus membuka website tersebut, Jadi apabila teman" ingin menampilkan halaman website orang lain ke halaman website teman", maka disinilah peranan penting tag <iframe> untuk menampilkannya, caranya sangat mudah, kalian hanya perlu menambahkan atribut src="" pada tag pembuka <iframe> untuk meletakkan link url halaman website yang akan ditampilkan ke halaman website teman". Cara penulisan tag iframe pembuka yaitu "<iframe>" dan diakhiri dengan tag ifram penutup "</iframe>".
CARA PENGGUNAAN TAG IFRAME
Perhatikan contoh dan cara penggunaan tag iframe berikut ini :
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Tag Iframe Pada HTML | sleepingcodings.blogspot.com</title>
</head>
<body>
<h1>Belajar HTML Tag Iframe Pada HTML | sleepingcodings.blogspot.com</h1>
<iframe src="http://www.malasngoding.com" height="500px" width="1000px"></iframe>
</body>
</html>
Nah jika di jalankan di web browser akan tampil seperti gambar di bawah ini :
 |
| Gambar 1.1 Mengenal Tag Iframe pada HTML |
 |
| Gambar 1.2 Mengenal Tag Iframe pada HTML |
Nah dari gambar diatas untuk menggunakan tag <iframe> agar kita dapat menampilkan halaman web seseorang, kita dapat menyisipkan atribut src="" untuk memberikan keterangan url dari halaman web yang ingin kita tampilkan. Pada contoh di atas kita sudah menampilkan halaman website sleepingcodings.blogspot.com . dengan script <iframe src="http://www.malasngoding.com" height="500px" width="1000px"></iframe>, nah atribut height fungsinya untuk mengatur tinggi sedangkan width untuk mengatur lebar iframe. Tapi kita juga dapat mengatur tinggi dan lebar di css loh selain inline / didalam tag iframe. Untuk CSS ikuti Update-an selanjutnya dari Author yak.
KESIMPULAN
Jadi, Iframe merupakan tag yang fungsinya untuk menampilkan halaman website lain, jika menggunakan tag iframe kita juga memerluka atribut src="" yang gunanya untuk memberikan keterangan url halaman website yang mana yang ingin kita tampilkan di halaman website kita, selain src="", kita juga mempunyai 2 atribut lagi yang gunanya untuk mengatur lebar dan tinggi dari tag <iframe> yang kita tampilkan yaitu width dan height. Sekian tutorial kali ini, semoga bermanfaat dan jangan lupa terus ikuti kelanjutannya dan tinggalkan komen jika perlu atau ada yang ditanyakan.
Wassalamu'alaikum Wr.Wb
No comments:
Post a Comment