Cara Membuat Frameset Row HTML

Membuat Frameset Row HTML atau frameset tag pada html mendefinisikan cara membuat dalam satu windows browser terdapat lebih dari satu halaman windows dengan posisi horisontal. Dalam artian, kita bisa membuka beberapa halaman web html yang berbeda dalam satu jendela di web browser. Misalnya kita akan membuat halaman web dengan format .html beserta 3 halaman html lainnya yang akan kita tampilkan bersamaan dalam satu jendela browser. Kita setting besar frame row setiap halaman dengan satuan %, jadi total pada frameset tag adalah 100%.  Untuk contoh kita bagi menjadi 25%, 50%, 25%, jadi frame1 sebesar 25%, frame2 50%, dan frame3 25% dari windows browser. Pertama-tama kita buat halaman utamanya.

Kode membuat frameset row html berikut aranya:

<html>

<frameset rows=”25%,50%,25%”>

<FRAME src=”frame1.html”>

<FRAME src=”frame2.html”>

<FRAME src=”frame3.html”>

</frame>

</html>

Selanjutnya kita simpan kode html dengan nama file frame.html, maka kita jalankan frame.html belum ada isinya karena kita harus membuat juga 3 halaman yang akan ditampilkan pada frame.html diatas. langkah selanjutnya kita membuat 3 halaman html dengan nama frame1.html, frame2.html, dan frame3.html untuk di tampilkan secara horisontal. Berikut contoh code html sederhana sebagai contoh membuat halaman frame row pada html:

<html>
<head>
<title>belajar frame set html </title>
</head>
<body>
<h1>Halaman frame row 1</h1>
</body>
</html>

Nah kita simpan kode html frame row diatas dengan nama frame1.html. halaman html frame1.html ini akan ditampilkan sebesar 25 dari ukuran windows. Selamjutnya untuk frame2.html, dan frame3.html,  kita cuma edit kode diatas menjadi “Halaman frame row 2,3” dan save as dengan nama frame2.html dan frame3.html.

Ok langsung saja kita jalankan kembali halaman frame.html pada web browser, maka akan tampil seperti ini:

Cara membuat frameset row html

Dalam membuat frameset row html, untuk ukuran yang diberikan bisa diganti dengan tanda bintang atau *. Yang artinya ukuran yang tersisa dari yang digunakan. Contohnya penulisan frameset row html dengan * adalah:

    <html>
<frameset rows=”25%,*,25%”>
<FRAME src=”frame1.html”>
<FRAME src=”frame2.html”>
<FRAME src=”frame3.html”>
</frame>
</html>

Maka, hasil setelah dijalan frame.html di atas akan sama dengan yang berikan 50%. karena sisa dari 100%-(2×25%)=50%. Nah demikian sharing saya tentang membuat frame set row pada html dengan contoh hasil halamannya. semoga bermanfaat bagi saya dan anda. oke… Untuk melihat cara pembuatan frameset cols bisa baca artikel berikut.

About Ganang Julianto 252 Articles
Si Anak dari Orang Tua tersayang ingin berbagi ilmu dengan harapan bermanfaat bagi orang lain. Situs SeputarTI.Com ini sebagai salah satu media berbagi saya, khususnya dibidang TI. Salam Kenal dari saya... :-)

Be the first to comment

Leave a Reply

Your email address will not be published.


*