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 !

Owner dari Rezpect Community, sangat tertarik dengan ssegala hal yang berhubungan dengan Teknologi, Internet dan Pemrograman.

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

bebas bayar, pembayaran mudah dan cepat, transaksi online, pembayaran tagihan dan tiket, transfer dana online