MODUL 4
HTML
(HyperText Mark-Up Language)
Sub : Frame
Laboratorium Komputer
Pertemuan 4
4.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah HTML
2. Mahasiswa dapat membuat beberapa halaman website sederhana
4.2 Materi :
1. Frame
2. Atribut Frame
3. Frame dengan Hyperlink
4.2.1 HTML Frame
Html Frames berfungsi untuk menampilkan lebih dari satu dokumen HTML di jendela browser yang sama. Atau lebih tepatnya terdapat suatu bagian di dalam halaman web anda yang dapat berubah ubah (dinamis).
Frameset adalah gabungan dari beberapa frame yang dijadikan dalam satu frame / tempat. Syntax:
<frameset cols= 25%,75% > <frame src= Image.html > <frame src= Detail.html > </Frameset>
Penjelasan Syntax:
Frameset dibagi menjadi 2 kolom. Kolom pertama diberi ukuran 25% dari ukuran frameset, Kolom kedua diberi ukuran 75% dari ukuran frameset. Dokumen Image.html dimasukkan ke dalam kolom pertama, dokumen detail.html dimasukkan ke dalam kolom kedua
Frame HTML dapat digunakan untuk membuat tampilan halaman HTML yang terbagi-bagi menjadi beberapa bagian dimana setiap bagiannya merupakan satu halaman HTML yang terpisah. Ini dilakukan untuk membuat tampilan halaman HTML yang salah satu atau beberapa bagian bergantiganti isinya sedanbagian lain tetap sehingga dapat menghemat bandwith internet.
Latihan FRAME <HTML> <HEAD>
<TITLE>LATIHAN 8 </TITLE> </HEAD>
<FRAMESET ROWS=20%,*>
<FRAME NAME=header SRC="header.html"> <FRAMESET COLS=30%,*>
<FRAME NAME=kanan SRC="kanan.html">
Dasar Penggunaan Frame
Frame memungkinkan satu halaman Web atau lebih ditampilkan pada sebuah jendela browser. Untuk mempraktikan frame, buatlah terlebih dulu dua buah berkas HTML bernama
Fileframekir.htm:
Fileframekan.htm:
Halaman yang berbasis frame dibentuk dengan menggunakan pasangan <FRAMESET> dan </FRAMESET>, atribut COLS digunakan untuk menentukan lebar masing-masing frame.
Contoh :
Mengantisipasi Tidak Adanya Dukungan Frame
Contoh :
Menggunakan BORDER
Atribut BORDER pada tag <FRAMESET> berguna untuk mengatur ketebalan garis pemisah antarframe. Contoh :
Menghilangkan SCROLLING
Frame dan Link
Untuk mempraktekkan penggabungan pemakaian frame yang melibatkan link ke frame yang lain, buatlah tiga buah file HTML berikut :
Filerosebud.htm:
Filedaftar.htm:
Pada file daftar.htm, atribut TARGET digunakan untuk menentukan frame yang akan ditempati oleh halaman Web yang dipanggil. Kode yang digunakan untuk menggabungkan ketiga file di atas adalah seperti berikut :
Frame Horisontal
HTML juga memungkinkan pembuatan frame horisontal. Caranya dengan mengubah atribut COLS pada <FRAMESET> menjadi ROWS. Contoh :
Penggunaan NORESIZE
Gabungan Frame Horisontal dan Vertikal
Filejudul.htm:
