Belajar HTML - Attribute IFrame (html)

Belajar Html - Attribute IFrame
Belajar Html - Attribute IFrame

IFrame adalah atribut yang digunakan untuk menampilkan halaman web. IFrame dapat dilihat seperti suatu teks box, jika browser melakukan scroll maka frame ini juga turut terscroll.

Berikut penulisan IFRAME :

<IFRAME name = “nama frame” scr = “url” rows=# cols=#></IFRAME>

Atribut name dalam IFRAME wajib diisikan jika dalam web page yang akan menampilkan lebih dari satu frame mengambang, jika tidak maka akan ada satu frame yang ditampilkan dalam browser.

Frame Kolom


Contoh penulisan frame kolom :


<html>
<frameset cols=”25%, 50%, 25%”>
    <frame src=”sun.html”>
    <frame src=”venus.html”>
    <frame src=”mercur.htm”>
</frameset>
</html>


Frame Baris


Contoh penulisan untuk frame baris :

<html>
<frameset rows=”25%, 50%,25%”>
    <frame src=”animals.html”>    <frame src=”kings.html”>
    <frame src=”hot-girls.html”>
</frameset>
</html>

Frame Campuran


Contoh penulisan untuk frame campuran :

<html>
<frameset rows=”50%,50%”>
    <frame src=”japanese.html”>
       <frameset cols=”25%,75%”>
       <frameset src=”tokyo.html”>
       <frameset src=”banana.html”>
</frameset>
</frameset>
</html>

Frame Navigasi


Navigasi frame berisi sebuah daftar link dengan frame yang kedua sebagai target. Frame yang kedua menampilkan dokumen yang di link.

Contoh membuat frame navigasi.

<html>
<frameset cols=”120, *” frameborder=”1″>
     <frame src=”sun.html”>
     <frame src=”earth.html”>
</frameset>
</html>

Frame Inline


Contoh penulisan frame inline :

<html>
<iframe src=”default.asp”>
</iframe>
    <p> beberapa browser versi lama tidak mendukung iframe</p>
     <p> jika browser tidak support, maka iframe tidak akan terlihat</p>
</html>

HTML || Javascript || Css


Belajar HTML - Attribute IFrame (html)  Belajar HTML - Attribute IFrame (html) Reviewed by Ardy S on April 29, 2015 Rating: 5

2 comments:

  1. wew.. itu knp ada hot girl.html nya.. hayooo

    ReplyDelete
    Replies
    1. Soalnya bingung mau pasang gambar apa...hehe

      Delete

Powered by Blogger.