Scribd Logo
Unggah

Selamat datang di Scribd!

  • PRAKTIKUM INTERNET MATERI 5a PDF

    Diunggah oleh

    Afri Wal
    8 tayangan17 halaman

    Judul Asli

    PRAKTIKUM%20INTERNET%20MATERI%205a.pdf

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    8 tayangan17 halaman

    PRAKTIKUM INTERNET MATERI 5a PDF

    Diunggah oleh

    Afri Wal

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 17

    MATERI:

    FRAME PADA HTML


    Frame

    Digunakan untuk membagi halaman web


    yang terdiri dari beberapa file html yang
    saling terintegrasi satu dengan yang lainnya.
    Struktur Dokumen dalam frame
    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 dalam 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 dalam Frame SRC
    MARGIN WIDTH
    MARGIN HEIGHT
    SCROLLING
    NORESIZE
    FRAMEBORDER
    Sintaks :
    1. <FRAMESET COLS=”15%,25%,*>
    <FRAME SRC=”url”>
    </FRAMESET>
    2. <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>
    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>
    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>

    Hasil yang ditampilkan


    <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>

    Hasil yang ditampilkan


    Memformat Tampilan Frame
    1. 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>

    Hasil yang ditampilkan


    <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>

    Hasil yang ditampilkan


    2. 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>

    Hasil yang ditampilkan


    3. 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>

    Hasil yang ditampilkan


    Link dan Target Pada Frame
    Index.html
    Induk.html <html>
    <html> <head>
    <head> <title></title>
    <title></title> </head>
    </head> <BODY>
    <FRAMESET COLS="50%,*"> <H2 ALIGN="center">Link Index</H2>
    <FRAME SRC="file://I:/Latihan <A HREF="PICTURE1.JPG" TARGET="target
    HTML/index.HTM"> link">Gambar 1</A><BR>
    <FRAME NAME="target link" src=""> <A HREF="PICTURE2.JPG" TARGET="target
    </FRAMESET> link">Gambar 2</A><BR>
    </html> <A HREF="Winter.JPG" TARGET="target
    link">Winter</A><BR>
    <A HREF="Sunset.JPG" TARGET="target
    Hasil dari kedua link">Sunset</A><BR>
    program diatas </BODY>
    </html>
    Sebelum di klik link Gambar Setelah di klik link Gambar

    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
    Floating Frame
    <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>

    Hasil yang ditampilkan

    Anda mungkin juga menyukai