Belajar HTML (16): Menggunakan iFrame

HTML iFrame

Sudah cukup? Belum ya, kita coba kembangkan lagi latihan di atas. Silakan di save-as menjadi 39-html-iframe-modif.html, kemudian sesuaikan kodenya menjadi seperti di bawah ini.

<!DOCTYPE html>
<html>
<head>
   <title>iFrame Modif</title>
</head>
<body>
   <h2>iFrame Modif</h2>
   <p>Berikut adalah contoh hasil penerapan iframe (awal)</p>
   <iframe src="https://www.banghaji.com" width="100%" height="100" frameborder="yes">
      Maaf, browser Anda tidak mendukung <b>iframe</b>.
   </iframe>
   <p>Bagaimana hasil iframe di atas? Lebih keren dibanding frame? ^_^</p>
   <p>Nah, yang di bawah ini adalah modifikasinya...</p>
   <iframe src="https://www.banghaji.com/banghaji_128.png" width="200" height="200" frameborder="no">
      Maaf, browser Anda tidak mendukung <b>iframe</b>.
   </iframe>
   <iframe src="http://www.amazinglight.info" width="480" height="300" frameborder="yes">
      Maaf, browser Anda tidak mendukung <b>iframe</b>.
   </iframe>
   <p>Bagaimana pemnampakan 2 iframe di atas?</p>
</body>
</html>

Perhatikan baik-baik kodenya, dan silakan disimpulkan sendiri, bagaimana cara menampilkan objek selain halaman web di dalam iframe. Coba dijalankan, hasilnya kira-kira seperti ini.

HTML iFrame Modif

Bagaimana? Lebih keren frame atau iframe? Untuk penggunaanya bebas, tergantung keperluan. Jika yang diperlukan adalah frame, silakan pakai. Jika yang lebih efektif menggunakan iframe, silakan gunakan. Sampai jumpa di tutorial HTML berikutnya.

← Sebelumnya

Halaman : 1 2

Share

Muhammad Erfan

aslinya karyawan, suka belajar pemrograman, senang berbagi ilmu melalui tulisan, lagi usaha menghasilkan uang online :cool:

You may also like...

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *