[ HTML ] [ Java ] [ Bahasa C ]


Senin, September 02, 2019

HTML Iframe

Signifikansi dari Iframe pada HTML:
Iframe pada HTML berupakan 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.

Output:
penggunaan iframe pada html untuk menampilkan laman web lain dalam satu bingkai
Gambar 1 penggunaan iframe html

Menghilangkan border pada Iframe:
Secara default, iframe memiliki border yang mengelilinginya. Untuk menghilangkan border tersebut, maka digunakan atribut style dan properti border CSS.

Contoh:
Output:
penggunaan iframe pada html dengan menggunakan atribur border untuk menghilangkan border
Gambar 2 iframe html tanpa bingkai

Mengubah ukuran, style, dan warna dari border Iframe:

contoh:
Output:
penggunaa style iframe pada html untuk mengubah tampilan border agar terlihat lebih menarik
Gambar 3 penggunaan style pada iframe html 

Mentargetkan alamat link yang akan digunakan Iframe:
Iframe dapat digunakan sebagai target frame untuk link. Atribut target dari link harus mengacu nama atribut dari iframe.

contoh:
Output:
iframe html pada gambar untuk menuju ke alamat link pada laman web lain
Gambar 4 iframe html menuju link

Setelah link pada frame gambar 4 diklik maka akan menuju ke alamat seperti pada gambar 5.
penggunaan iframe untuk menuju ke alamt link lain pada html
Gambar 5 alamat link yang dituju iframe 

Browser pendukung: Tag <iframe> didukung penggunaannya oleh beberapa browser berikut ini:
satu, Google Chrome
dua, Internet Explorer
tiga, Firefox
empat, Opera
lima, Safari





Tidak ada komentar:

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D