Scribd Logo
Upload

Welcome to Scribd!

  • FRAME1

    Uploaded by

    Annisa Amano
    22 views9 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    22 views9 pages

    FRAME1

    Uploaded by

    Annisa Amano

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 9

    FRAME

    Kelebihan : Membagi-bagi jendela browser menjadi beberapa bagian. Baik secara vertical dan horizontal.

    Layout Documents <FRAMESET>.</FRAMESET> Fungsi : Membagi jendela menjadi beberapa bagian. Content Documents <FRAME SRC=url> Fungsi : Mengisi dari suatu frame, ini merupakan dokumen HTML

    Struktur Dokumen Menggunakan Frame


    <HTML> <HEAD> <TITLE></TITLE> </HEAD> <FRAMESET>.</FRAMESET> <HTML>

    Atribut FRAMESET :
    COL : Membuat Vertical FRAME ROW : Membuat Horizontal FRAME FRAMESPACING : Spasi di sekitar FRAME FRAMEBORDER : Membuat border pada FRAME

    Contoh : <FRAMESET COLS=150,150,150>.</FRAMESET> <FRAMESET ROWS=10%,40%,50%>..</FRAMESET> <FRAMESET ROWS=*,*,*>..</FRAMESET> <FRAMESET COLS=25%,40%,*>..</FRAMESET> <FRAMESET COLS=*,3*>..</FRAMESET>

    Atribut FRAME SRC :


    MARGIN WIDTH MARGIN HEIGHT SCROLLING NORESIZE FRAMEBORDER

    Sintaks :
    <FRAMESET COLS=15%,25%,*> <FRAME SRC=url> </FRAMESET> <FRAMESET COLS=15%,25%,*> <FRAME SRC=url> <FRAME SRC=url> <FRAME SRC=url> </FRAMESET>

    Menggunakan FRAME Kolom


    <FRAMESET COLS="*,*,*"> <FRAME SRC="file://I:/Latihan HTML/form.htm"> <FRAME SRC="file://I:/Latihan HTML/combo.htm"> <FRAME SRC="file://I:/Latihan HTML/GUESTBOOK.HTM"> </FRAMESET>
    Output :

    Menggunakan FRAME Baris


    <FRAMESET ROWS="*,*,*"> <FRAME SRC="file://I:/Latihan HTML/form.htm"> <FRAME SRC="file://I:/Latihan HTML/combo.htm"> <FRAME SRC="file://I:/Latihan HTML/GUESTBOOK.HTM"> </FRAMESET>
    Output :

    Menggunakan FRAME Baris & Kolom


    <FRAMESET ROWS="*,*,*"> <FRAMESET COLS="*,*,*"> <FRAME SRC="file://I:/Latihan HTML/form.htm"> <FRAME SRC="file://I:/Latihan HTML/combo.htm"> <FRAME SRC="file://I:/Latihan HTML/GUESTBOOK.HTM"> </FRAMESET> <FRAME SRC="file://I:/Latihan HTML/combo.htm"> <FRAME SRC="file://I:/Latihan HTML/GUESTBOOK.HTM"> </FRAMESET> Output :

    <FRAMESET COLS="*,*"> <FRAMESET ROWS="*,*,*"> <FRAME SRC="file://I:/Latihan HTML/form.htm"> <FRAME SRC="file://I:/Latihan HTML/combo.htm"> <FRAME SRC="file://I:/Latihan HTML/GUESTBOOK.HTM"> </FRAMESET> <FRAME SRC="file://I:/Latihan HTML/GUESTBOOK.HTM"> </FRAMESET> Output :

    Memformat Tampilan Frame


    Mengatur Margin <html> <head> <title></title> </head> <FRAMESET ROWS="*,*"> <FRAME SRC="file://I:/Latihan HTML/CONTOH.HTML" MARGINHEIGHT=40 MARGINWIDTH=40> <FRAME SRC="file://I:/Latihan HTML/CONTOH.HTML"> </html> Output :

    <html> <head> <title></title> </head> <FRAMESET ROWS="*,*"> <FRAME SRC="file://I:/Latihan HTML/CONTOH.HTML" MARGINHEIGHT=40 MARGINWIDTH=40 SCROLLING="NO"> <FRAME SRC="file://I:/Latihan HTML/CONTOH.HTML" MARGINHEIGHT=40 MARGINWIDTH=40 SCROLLING="YES"> </html>

    Output :

    NORESIZE
    <html> <head> <title></title> </head> <FRAMESET ROWS="*,*"> <FRAME SRC="file://I:/Latihan HTML/CONTOH.HTML" MARGINHEIGHT=40 MARGINWIDTH=40 NORESIZE> <FRAME SRC="file://I:/Latihan HTML/CONTOH.HTML" MARGINHEIGHT=40 MARGINWIDTH=40 NORESIZE> </html> Output :

    FRAMEBORDER <html> <head> <title></title> </head> <FRAMESET ROWS="*,*"> <FRAME SRC="file://I:/Latihan HTML/CONTOH.HTML" MARGINHEIGHT=40 MARGINWIDTH=40 FRAMEBORDER="NO"> <FRAME SRC="file://I:/Latihan HTML/CONTOH.HTML" MARGINHEIGHT=40 MARGINWIDTH=40 FRAMEBORDER="NO"> </html> Output :

    LINK & TARGET PADA FRAME


    Induk.html <html> <head> <title></title> </head> <FRAMESET COLS="50%,*"> <FRAME SRC="file://I:/Latihan HTML/index.HTM"> <FRAME NAME="target link" src=""> </FRAMESET> </html> Index.html <html> <head> <title></title> </head> <BODY>

    <H2 ALIGN="center">Link Index</H2> <A HREF="PICTURE1.JPG" TARGET="target link">Gambar 1</A><BR> <A HREF="PICTURE2.JPG" TARGET="target link">Gambar 2</A><BR> <A HREF="Winter.JPG" TARGET="target link">Winter</A><BR> <A HREF="Sunset.JPG" TARGET="target link">Sunset</A><BR> </BODY> </html> Output :

    Nilai Atribut Target alternatif adalah : _self Akan menampilkan link target pada frame yang sama _parent Akan menutupi seluruh halaman

    _top Akan menutupi seluruh halaman _blank Akan membuat jendela baru

    <NOFRAME>
    <html> <head> <title></title> </head> <FRAMESET COLS="50%,*"> <FRAME SRC="" SCROLLING=AUTO> <FRAME SRC="" SCROLLING=AUTO> <NOFRAMES> Teks,Link,Image atau apapun yang berada diantara kedua tag ini <BR> akan ditampilkan pada browser yang belum mendukung frame, <BR> tetapi tidak ditampilkan bagi browser yang mendukung frame<BR> </NOFRAMES> </html>

    FLOATING FRAMES
    <html> <head> <title></title> </head> <BODY> <H2 ALIGN="center">Link Index</H2> <A HREF="PICTURE1.JPG" TARGET="target link">Gambar 1</A><BR> <A HREF="PICTURE2.JPG" TARGET="target link">Gambar 2</A><BR> <IFRAME SRC="FORM.HTM" ALIGN=RIGHT></IFRAME> <A HREF="Winter.JPG" TARGET="target link">Winter</A><BR> <A HREF="Sunset.JPG" TARGET="target link">Sunset</A><BR> </BODY> </html> Output :

    Multimedia dan Animasi


    Menyisipkan Video
    <A HREF=jakarta.mpg>Video</A>

    Menyisipkan Suara
    <A HREF=lagu.mid>Laguku</A> <A HREF=lagu.mid>Laguku</A> <BGSOUND SRC=musik.wav LOOP=2 LOOPDELAY=4>

    Animasi dengan Objek Teks


    <MARQUEE ALIGN=Middle HEIGHT=20% WIDTH=80% BGCOLOR=white BEHAVIOR=scrol SCROLLDELAY=300 DIRECTION=right HSPACE=3 VSPACE=4 LOOP=infinite>TEKS</MARQUEE>

    You might also like