Scribd
Unggah
81 tayangan9 halaman

Frame 1

Diunggah oleh

Riska Richis
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOC, PDF, TXT atau baca online di Scribd
81 tayangan9 halaman

Frame 1

Diunggah oleh

Riska Richis
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOC, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 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>

Anda mungkin juga menyukai