Saturday, 28 November 2015

Cara Membuat Frameset dengan HTML

Hai Sahabat Rezpect Community!
Pada kesempatan kali ini, saya mau berbagi sedikit ilmu nih buat kalian yang suka dengan Hypertext Markup Language atau sering disingkat dengan HTML. Dalam membuat sebuah Frameset, kita membutuhkan setidaknya 3 file HTML. Dalam contoh ini saya membuat 3 file HTMl yaitu Header.html, Kiri,html dan Kanan.html. Masing-masing file HTML ini akan saya gabung menjadi sebuah frameset dengan 1 file HTML.

Berikut gambar hasilnya nanti, dan penjelasannya, :

Keterangan :
  1. Frame pertama yang merupakan bagian header, (header.html)
  2. Frame kedua, disini saya beri menu dan form login yang saya link untuk keluar di frame ketiga, (kiri.html)
  3. Frame ketiga, adalah isi dari menu frame kedua,
Script HTML :
<html> 
<head>
       <title>Frameset 3 Biji</title
</head> 
<frameset rows="30%,*" framespacing="0" border="0" frameborder="0">
       <frame name="atas" src="Header.html" scrolling="no" noresize>
       <frameset cols="20%,*" framespacing="0" border="0" frameborder="0">
               <frame name="kiri" src="Kiri.html" scrolling="no" noresize>
               <frame name="kanan" src="Home.html" scrolling="yes" noresize> 
       </frameset> 
</frameset>
 <noframes></noframes> 
</html>

Keterangan :

  • Title : adalah Judul dari HTML
  • Cols : Untuk ukuran kolom, sesuaikan dengan keinginan, contohnya : Rows="30%,*" karena saya hanya ingin 2 kolom saja.
  • Row : Untuk ukuran baris, sesuaikan dengan keinginan kalian, contohnya : Cols="20%,*" karena saya hanya membuat 1 baris.
  • Header.HTML : Nama file HTML yang akan dimasukkan ke Frameset
  • Frameset : tag yang digunakan untuk menggabungkan beberapa file html, menjadi satu file html.
Mudah bukan? namun untuk membuat frameset membutuhkan ketelitian dan kesabaran. Terima kasih telah membaca post saya, semoga kalian bisa memahami dan dapat mempraktekkannya.

SEMOGA BERMANFAAT !

Hai! Saya Reno Arifigar, seorang Blogger yang juga seorang Tech & Game Enthusiast. Saya sering berbagi di blog pribadi saya : www.renoarifigar.com

Kolom komentar bukan tempat untuk beriklan, jika anda ingin memassang iklan di blog kami, silahkan kunjungi halaman berikut : https://goo.gl/KXLj9t

Dapatkan notifikasi untuk jawaban komentar kalian dengan Check "Notify me".
EmoticonEmoticon