Cara Membuat Iframe pada HTML
Iframe pada HTML merupakan singkatan dari Inline Frame. Tag "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.
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.
 |
| Ilustrasi Iframe HTML |
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://www.penelitian.id/"
height="300"
width="400">
</iframe>
</body>
</html>
Output:
Konten berada disini:
Menghilangkan Border pada Iframe:
Secara default, iframe memiliki border yang mengelilinginya. Untuk menghilangkan border tersebut, maka digunakan atribut style dan properti border CSS.
Contoh:
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://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:
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>
<a
href="https://www.penelitian.id/"
target="iframe_a">
blog ElfanMauludi
</a>
</p>
</body>
</html>
Output:
Klik link teks berikut:
Klik link blog ElfanMauludi, maka Frame akan menuju ke alamat atau link dari Frame.Referensi Tambahan:
- 5 Contoh Program Penggunaan SVG Dasar pada HTML [klik]
- 10 Bentuk Ilustrasi yang Sering Dibuat Menggunakan Canvas pada HTML [klik]
- 7 Contoh Penggunaan Elemen Kode Komputer pada HTML [klik]
- 46 Karakter Utama Entitas Reserved pada HTML [klik]
- 11 Fitur Utama pada Pengenalan HTML5 [klik]
- Cara Sederhana Menggunakan Tag Article pada HTML5 [klik]
- Cara Mudah Mendeskripsikan Objek Menggunakan Tag Aside pada HTML5 [klik]
Komentar
Posting Komentar
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 ~
Postingan populer dari blog ini (30 Hari)
Leger Nilai Peserta Didik Angkatan Tahun Masuk 2021 2022 - 2023 2024
Daftar perolehan nilai hasil belajar selama enam semester atau 3 tahun di Sekolah Menengah Atas, dari angkatan masuk Tahun Pelajaran 2021 2022 - 2023 2024.
Leger Nilai Peserta Didik Angkatan Tahun Masuk 2020 2021 - 2022 2023
Daftar perolehan nilai hasil belajar selama enam semester atau 3 tahun di Sekolah Menengah Atas, dari angkatan masuk Tahun Pelajaran 2020 2021 - 2022 2023.
Penggunaan fflush(stdin) Bahasa C dan Fungsinya
fflush() umumnya digunakan hanya untuk output stream . Fungsinya adalah untuk membersihkan (atau flush ) output buffer dan memindahkan data buffer menuju console (dalam kasus stdout ) atau disk (pada kasus file output stream ). Berikut adalah contoh dari penggunaan sintak fflush .
Pengertian Asosiasi Komposisi dan Agregasi Java
Dalam artikel ini akan dijelaskan fungsi dari asosiasi, komposis, dan agregasi yang merupakan bentuk-bentuk hubungan antar object dalam OOP Java.
Enkapsulasi Java dan Fungsinya
Enkapsulasi didefinisikan sebagai pembungkusan data dalam satu buah unit. Enkapsulasi adalah mekanisme yang mengikat code program dan data yang dimanipulasi secara bersamaan pada bahasa pemrograman Java. Cara lain untuk berpikir mengenai enkapsulasi adalah upaya untuk melindungi atau sebagai perisai proteksi yang mencegah data untuk diakses oleh pihak luar.
Membuat Rumus Matematika Bahasa C Menggunakan Library Math.h
Fungsi library math.h mendefinisikan berbagai fungsi matematika dan makro dalam bahasa pemrograman C. Semua fungsi yang tersedia pada library mengambil nilai dengan tipe double sebagai argumen dan mengembalikan nilai double tersebut sebagai hasilnya.
Specifier %d dan %i Bahasa C dan Fungsinya
Sebuah format specifier adalah urutan sekuensial oleh inisial tanda persen (%) yang mengindikasikan sebuah format specifier , yang digunakan untuk menentukan tipe dan format dari data untuk diambil dari stream dan menyimpannya menuju lokasi yang ditunjuk oleh argumen tambahan. Singkatnya, hal ini memberitahukan tipe dari data mana yang akan disimpan dan tipe data apa yang akan dicetak.
4 Kesalahan Umum yang Sering Terjadi pada PTK
Ciri khas PTK adalah adanya tindakan secara nyata dan konkret yang dilakukan oleh peserta didik atas dasar instruksi dari guru. Tindakan tersebut tidak boleh sembarangan, tetapi harus dapat dibenarkan secara teoretis. Hal yang tidak kalah pentingnya adalah, bahwa tindakan tersebut harus sesuai dengan tugas profesional seorang guru, dan juga tindakan tersebut tidak boleh mengubah situasi alamiah pembelajaran yang telah ada.
7 Paradigma Penelitian pada Statistika Penelitian
Pada kegiatan penelitian kuantitatif yang berlandaskan pada sebuah asumsi kejadian yang tidak dapat diklasifikasikan, serta korelasi kejadian yang bersifat kausal sebab akibat, maka seorang peneliti dapat memfokuskan kegiatannya pada pengamatan beberapa variabel saja . Korelasi pola pada setiap variael yang diamati tersebut selanjutnya akan dikenal sebagai paradigma penelitian atau model penelitian .
Cara Membuat Drag and Drop pada HTML
Drag dan drop adalah sebuah konsep interaktif yang yang memudahkan user dalam menggerakkan object dari satu lokasi ke lokasi yang lain dengan cara menyeretnya ( drag ). Hal ini memungkinkan user untuk melakukan klik dan menahan klik mouse tersebut kemudian membawa elemen yang diseret menuju ke lokasi yang lain, kemudian melepaskan tombol klik mouse untuk menjatuhkan ( drop ) elemen yang diseret tersebut ( drag ). Pada HTML 5 drag dan drop lebih mudah untuk membuat bentuk programnya dan juga lebih mudah untuk digunakan.
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.
HapusFrame 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.
BalasHapusApa yang dimaksud dengan frame atau bingkat dalam konteks web browser?
BalasHapusDalam 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.
HapusApa yang dimaksud dengan Iframe pada html?
BalasHapusIframe 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.
HapusApakah bisa menggunakan tag IFRAME pada html5?
BalasHapusPenggunaan 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.
HapusKenapa tidak dianjurkan untuk menggunakan IFRAME pada laman html?
BalasHapusBeberapa resiko keamanan yang dapat terjadi, jika sebuah laman menggunakan IFrame didalamnya.
Hapus1. 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.
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