4 Cara Pengaturan Utama Penggunaan Iframe pada HTML
Atribut 'src' digunakan untuk URL spesifik dari dokumen yang menempati sebuah frame.
Sintak:
<iframe src="URL"></iframe>
Atribut panjang dan lebar digunakan untuk menspesifikkan ukuran dari Iframe. Nilai atribut secara spesifik dinyatakan dalam ukuran pixel secara default, tetapi juga dapat dinyatakan dalam ukuran lainnya seperti persen.
<!DOCTYPE html>
<html>
<body>
<p>
Konten berada disini:
</p>
<iframe
src="https://elfanmauludi-tik.blogspot.com/"
height="300"
width="400">
</iframe>
</body>
</html>
Konten berada disini:
Secara default, iframe memiliki border yang mengelilinginya. Untuk menghilangkan border tersebut, maka digunakan atribut style dan properti border CSS.
Contoh:
<!DOCTYPE html>
<html>
<body>
<p>
Konten berada disini:
</p>
<iframe
src="https://elfanmauludi-tik.blogspot.com/"
height="300"
width="400"
style="border:none;">
</iframe>
</body>
</html>
Konten berada disini:
Mengubah Ukuran, Style, dan Warna dari Border Iframe:
<!DOCTYPE html>
<html>
<body>
<p>
Konten berada disini:
</p>
<iframe
src="https://elfanmauludi-tik.blogspot.com/"
height="300"
width="400"
style="border:4px solid orange;">
</iframe>
</body>
</html>
Konten berada disini:
Iframe dapat digunakan sebagai target frame untuk link. Atribut target dari link harus mengacu nama atribut dari iframe.
Contoh:
<!DOCTYPE html>
<html>
<body>
<p>
Klik link teks berikut:
</p>
<iframe
height="300"
width="350"
src="https://elfanmauludi-tik.blogspot.com/"
name="iframe_a">
</iframe>
<p>
<a
href="https://elfanmauludi-tik.blogspot.com/"
target="iframe_a">
blog ElfanMauludi
</a>
</p>
</body>
</html>
Klik link teks berikut:
Klik link blog ElfanMauludi, maka Frame akan menuju ke alamat atau link dari Frame.
Apa yang dimaksud dengan iframe pada html?
BalasHapusTag < iframe > digunakan untuk menentukan inline frame pada html. Bingkai tersebut digunakan untuk menyematkan dokumen lain pada dokumen HTML. Tag ini digunakan untuk membaca layar yang ditujukan terhadap konten pada Iframe.
HapusApa perbedaan antara Iframe dan Frame pada html?
BalasHapusPerbedaannya adalah Iframe dapat "float" di dalam konten pada halaman, dimana user dapat membuat halaman HTml dan menempatkan Iframe didalamnya, sehingga user dapat memiliki halaman dan menempatkannya pada dokumen lain secara langsung didalamnya. Sedangkan Frame tidak bisa.
HapusApakah aman untuk menggunakan iframe untuk menampilkan konten pada website?
BalasHapusGoogle merekomendasikan untuk tidak menggunakan Iframe pada halaman web. Pada forum google webmaster dengan jelas dinyatakan bahwa iframe dapat menyebabkan masalah bagi para penggunanya. Iframe terkadang digunakan untuk menampilkan konten pada halaman web, namun sangat dianjurkan untuk menghindari penggunaan iframe untuk menampilkan konten.
Hapus