Frame berfungsi untuk membuat tampilan halaman yang terbagi-bagi, dimana setiap bagian merupakan halaman html yang terpisah-pisah. Hal ini untuk membuat tampilan html yang salah satu atau beberapa bagian berganti-ganti isiya, sementara bagian lain tetap, sehinggga dapat menghemat bandwitch.
1. Atribut Frame
· Rows
= Menentukan jumlah spasi pada tiap baris (Pixel, %, atau Relatif).
· Cols
= Sama
seperti rows tetapi berlaku untuk kolom.
· Name
= Nama
frame, berfungsi sebagai target atau URL.
· Src
= Berisi URL
yang menjadi sumber dari frame.
· Margin width = Menentukan
margin kanan & kiri frame.
· Margin height = Menentukan margin
atas & bawah.
· Scrolling
= Menentukan scrollbar pada frame di isi dengan Yes untuk menentukan scrollbar,
di isi No untuk tidak menampilkan scrolllbar.
· Border
= Untuk menampilkan ketebalan frame.
· Border color
= Untuk memberi warna pada pembatas frame.
· Frame border =
Pematas frame.
· Noresize
= Mencegah penggunna untuk merubah ukuran frame.
2. Atribut Target
· Atribut = Fungsi
· Target = “_Blank” =
Memuat dokumen baru kedalam windows yanag kosong.
· Target = “_Self” =
Memuat dokumen baru ke dalam windows yang sama dengan anchor (default).
· Target = “_Parent”
Memuat dokumen baru kedalam parent frame jika menggunnakan frame.
· Target = “_Top” = Memuat
dokumen baaru kedalam keseluruhan windows browser (Cara yang umum keluar dari
frame).
3. Tag untuk Frame
Untuk membuat frame diawali dengan <Frameset>,
Dan di akhiri dengan </Frameset>, Pada pendefisi frame tidak
diperlukan <body> ... </body>.
Ø Latihan :
1) Buat file html berikut dan save dengan nama logo.html !
<Html>
<Head>
<Title> ... </Title>
</Head>
<body bgcolor=”#006699”>
<h2>
<font color=”#FFFFFF”>
Selamat Datang di Website SMK Muhammadiyah Pekalongan
</font>
</h2>
</body>
</Html>
2) Selanjutnya buat file menu.html !
<Html>
<Head>
<Title> ... </Title>
</Head>
<body bgcolor=”CCCCFF”>
<h4> Latihan Frame </h4>
<hr>
<a href=”home.html” Target=”isi”> home </a><br>
<a href=”profil.html” Target=”isi”> profil </a><br>
<a href=”latihan3.html” Target=”isi”> tentang
</a><br>
<a href=”latihan4.html” Target=”isi”> Link </a><br>
</body>
</Html>
3) Buat file html lagi dan save dengan nama welcome.html !
<Html>
<Head>
<Title> ... </Title>
</Head>
<body>
<h2> SELAMAT DATANG </h2>
<h4> Anda Berada Pada Halaman Latihan Frame </h4>
</body>
</Html>
4) Nah.... ini yang terakhir dan tidak memerlukan tag <body>
lagi, Buat file frame save dengan nama index.html !
<Html>
<Head>
<Title> ... </Title>
</Head>
<Frameset Rows=”25%,*” Border=0>
<Frame name=”atas” SRC=”logo.html”>
<Frameset Cols=”20%,*”>
<Frame name=”menu” Scrolling=”No” SRC=”menu.html”>
<Frame name=”isi” SRC=”welcome.html”>
</Frameset>
</html>
Tidak ada komentar:
Posting Komentar