Download - Pengenalan HTML - 4
![Page 1: Pengenalan HTML - 4](https://reader036.vdokumen.com/reader036/viewer/2022082612/56814138550346895dad209d/html5/thumbnails/1.jpg)
Matakuliah Pengenalan InternetSTMIK Palangkaraya
Oleh : SuparnoEmail : [email protected]
Blog : www.digdoyo.com
Pengenalan HTML - 4
Membagi Halaman Web dengan Frame
![Page 2: Pengenalan HTML - 4](https://reader036.vdokumen.com/reader036/viewer/2022082612/56814138550346895dad209d/html5/thumbnails/2.jpg)
HTML – Frame
• Agar lebih menarik maka halaman web dibagi menjadi beberapa bagian yang digunakan untuk menampilkan konten yang berbeda dalam satu halaman
• Pembagian halaman dilakukan dengan mendefinisikan masing-masing bagian yang diinginkan
• Element yang terdapat dalam Frame adalah : Frameset, Frame, dan Noframe
![Page 3: Pengenalan HTML - 4](https://reader036.vdokumen.com/reader036/viewer/2022082612/56814138550346895dad209d/html5/thumbnails/3.jpg)
Element Frameset
• Element ini berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian.
• Element ini memiliki attribute cols (membentuk kolom), rows (membentuk baris), border, bordercolor, frameborder (utk menampilkan border frame), dan framespacing (jarak antara frame).
• Element FRAMESET terletak di antara element HEAD dan BODY.
![Page 4: Pengenalan HTML - 4](https://reader036.vdokumen.com/reader036/viewer/2022082612/56814138550346895dad209d/html5/thumbnails/4.jpg)
Element Frameset
Syntax:<frameset cols="list” rows="list”
border="pixel” bordercolor="color” frameborder="yes"|"no” framespacing="pixel">...........................
</frameset>list = jumlah kolom/baris dengan lebar
masing-masing dlm persen (%)Misalnya “40%, 60%” atau “30%, 25%, 45%
![Page 5: Pengenalan HTML - 4](https://reader036.vdokumen.com/reader036/viewer/2022082612/56814138550346895dad209d/html5/thumbnails/5.jpg)
Element Frame
• Element FRAME untuk mendefinisikan frame yang terdapat dalam frameset.
• Element ini mempunyai attribute name (nama frame), marginheight, marginwidth, bordercolor, frameborder, noresize, scrolling, src (isi yang ditampilkan pada frame).
• Element ini tidak mempunyai tag penutup.
![Page 6: Pengenalan HTML - 4](https://reader036.vdokumen.com/reader036/viewer/2022082612/56814138550346895dad209d/html5/thumbnails/6.jpg)
Element Frame
Syntax:<frame name="name”
marginheight="pixel” maginwidth="pixel” bordercolor="color” frameborder="yes"|"no” noresize scrolling="yes"|"no” src="uri">
uri = alamat file (script html) yang akan ditampilkan sebagai isi frame dimaksud
![Page 7: Pengenalan HTML - 4](https://reader036.vdokumen.com/reader036/viewer/2022082612/56814138550346895dad209d/html5/thumbnails/7.jpg)
Element Noframes
• Element Noframes mendefinisikan isi yang akan ditampilkan jika sebuah frame tidak dapat diakses.
Syntax:<noframes>
.....................</noframes>
![Page 8: Pengenalan HTML - 4](https://reader036.vdokumen.com/reader036/viewer/2022082612/56814138550346895dad209d/html5/thumbnails/8.jpg)
File Pembentuk Frame
• File script html utama : yang digunakan untuk mendefiniskan web dengan bentuk frame, juga mengatur jumlah frame yang diinginkan
• File script html pengisi frame yang ada. Jika ada sebanyak 3 bagian frame dalam satu halaman maka file script html pengisi frame juga harus ada 3 file script yang ditampilkan pada masing-masing bagiannya.
• Biasanya file frame utama digunakan sebagai homepage-nya
![Page 9: Pengenalan HTML - 4](https://reader036.vdokumen.com/reader036/viewer/2022082612/56814138550346895dad209d/html5/thumbnails/9.jpg)
Contoh Halaman dengan Frame
![Page 10: Pengenalan HTML - 4](https://reader036.vdokumen.com/reader036/viewer/2022082612/56814138550346895dad209d/html5/thumbnails/10.jpg)
Bagaimana…?
• Buatlah sebuah halaman dengan element frameset sebanyak 4 (empat) frame
• Frame 1 untuk Header yang berisi judul/nama webnya
• Frame 2 untuk daftar/map link• Frame 3 untuk menampilkan isi dari
daftar• Frame 4 untuk Footer yang berisi
identitas Anda sebagai pembuatnya