Pinned

Cara Membuat Iframe pada HTML

Iframe pada HTML merupakan singkatan dari Inline FrameTag "iframe" mendefinisikan suatu wilayah persegi panjang beserta dokumen yang ditampilkan oleh browser yang terpisah dari dokumen lainnya, termasuk scrollbar dan border-nya. Inline frame digunakan untuk embed (menanamkan) dokumen lain bersamaan dengan dokumen HTML yang digunakan saat ini.

4 Cara Pengaturan Utama Penggunaan Iframe pada HTML
Ilustrasi Iframe HTML

Sebelum memahami lebih dalam materi tentang Cara Membuat Iframe pada HTML, terlebih dahulu pelajari materi tentang: Cara Menggunakan File Path pada HTML [klik], Pembagian Layout pada HTML dan CSS [klik], dan Cara Menampilkan Gambar pada HTML Menggunakan Tag Image [klik].

Atribut 'src' digunakan untuk URL spesifik dari dokumen yang menempati sebuah frame.
Sintak:
<iframe src="URL"></iframe>

Pengaturan Panjang dan Lebar 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://www.penelitian.id/"

height="300" 

width="400">

</iframe>

 

</body>

 

</html>

Output:

Konten berada disini:



Menghilangkan Border pada Iframe:
Secara defaultiframe 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://www.penelitian.id/"

height="300" 

width="400" 

style="border:none;">

</iframe>

 

</body>

 

</html>

Output:

Konten berada disini:



Mengubah Ukuran, Style, dan Warna dari Border Iframe:


Baca Juga: 

Contoh:

<!DOCTYPE html>

<html>

 

<body>

 

<p>

Konten berada disini:

</p>

 

<iframe 

src="https://www.penelitian.id/"

height="300"

width="400" 

style="border:4px solid orange;">

</iframe>

 

</body>

 

</html>

Output:

Konten berada disini:



Mentargetkan Alamat Link yang Digunakan Iframe:
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://www.penelitian.id/"

name="iframe_a">

</iframe>

 

<p>

<

href="https://www.penelitian.id/"

target="iframe_a">

blog ElfanMauludi

</a>

</p>

 

</body>

 

</html>

Output:

Klik link teks berikut:

blog ElfanMauludi [klik]

Klik link blog ElfanMauludi, maka Frame akan menuju ke alamat atau link dari Frame.

16 komentar:

  1. Apa yang dimaksud dengan iframe pada html?

    BalasHapus
    Balasan
    1. Tag < 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.

      Hapus
  2. Apa perbedaan antara Iframe dan Frame pada html?

    BalasHapus
    Balasan
    1. Perbedaannya 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.

      Hapus
  3. Apakah aman untuk menggunakan iframe untuk menampilkan konten pada website?

    BalasHapus
    Balasan
    1. Google 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
  4. Frame HTML digunakan untuk membagi jendela browser pengguna menjadi beberapa bagian dimana setiap bagian dapat memuat dokumen HTML secara terpisah. Kumpulan frame pada jendela browser dikenal sebagai frameset. Jendela atau window dibagi menjadi beberap frame dengan cara yang sama seperti pada proses pengaturan tabel yang diubah menjadi beberapa baris dan kolom.

    BalasHapus
  5. Apa yang dimaksud dengan frame atau bingkat dalam konteks web browser?

    BalasHapus
    Balasan
    1. Dalam konteks web browser, frame adalah bagian dari laman web atau jendela browser yang menampilkan konten secara independen dari sumbernya, dengan kemampuan untuk memuat konten secara mandiri.

      Hapus
  6. Apa yang dimaksud dengan Iframe pada html?

    BalasHapus
    Balasan
    1. Iframe dalam HTMl adalah singkatan dari Inline Frame. Tag "Iframe" mendefinisikan wilayah persegi panjang pada dokumen tempat browser dapat menampilkan dokumen secara terpisah, termasuk juga scrollbar dan batas dokumen. Frame digunakan untuk menyematkan dokumen lain ke dalam dokumen HTML.

      Hapus
  7. Apakah bisa menggunakan tag IFRAME pada html5?

    BalasHapus
    Balasan
    1. Penggunaan elemen IFRAME pada HTML5 tetap dapat digunakan. Juga, jika IFRAME ingin dipergunakan untuk menampilkan konten html antar domain, proses tersebut juga tetap bisa berjalan lancar, selama tidak ada masalah pada domain yang akan ditampilkan.

      Hapus
  8. Kenapa tidak dianjurkan untuk menggunakan IFRAME pada laman html?

    BalasHapus
    Balasan
    1. Beberapa resiko keamanan yang dapat terjadi, jika sebuah laman menggunakan IFrame didalamnya.
      1. Pengunjung situs kemungkinan akan mendapatkan sebuah formulir web berbahaya yang diapat dirikum dari sumber url tertentu yang didalmnya berisi phishing terhadap data pribadi dari pengunjung tersebut.
      2. Pengguna yang berniat jahat dapat memasangi suatu plugin khusus pada situs yang telah dituju.
      3. Pengguna dapat melakukan perubahan URL situs pada frame sehingga mengarah pada situs lain yang bersifat kejahatan.
      4. Pengguna dapat melacak posisi dan jumlah klik dari pengguna yang lain pada situs yang terdapat frame tersebut.
      5. Pengguna jahat dapat melakukan pembajakan terhadap sistem, atau dapat melakukan kendali jarak jauh melalui situs yang terpasang iframe tersebut.

      Hapus
  9. Memang tidak terlalu dianjurkan bagi sebuah situs untuk menggunakan iframe didalamnya, selain memperlambar kinerja dari situs yang memiliki frame, juga situs yang ditautkan dapat melakukan perubahan sewaktu-waktu tanpa diketahui pihak situs yang membuat frame ke situs yang telah melakukan perubahan.

    BalasHapus

Hubungi admin melalui Wa : +62-896-2514-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things come from small things -