Cara Membuat Kolom atau Frame Di HTML

Kali ini sampul ilmu menjelaskan tentang cara membuat kolom atau frame Di HTML, Bentuk pembuatan frame pada contoh kali ini adalah 1 buah kolom untuk kolom bagian atas dan untuk bagian kiri dan kanan masing-masing 1 kolom.

Bentuk Umum Penulisan Kode
<FRAMESET ROWS="">
…….………………………….
   <FRAMESET COLS="">
        ……………………..
   </FRAMESET>
</FRAMESET>

Berikut Ini adalah langkah-langkah pembuatannya
Buatlah Folder baru (Folder tempat penyimpanan File HTML atau file pendukung lainnya)
Buat File HTML dengan Nama Atas.HTML Kemudian Ketikan Kode Dibawah ini

<HTML>
<BODY>
<IMG SRC="Logo.png">
</BODY>
</HTML>

Bentuk Tampilan Atas. HTML:

Buat File HTML dengan Nama Kiri.HTML Kemudian Ketikan Kode Dibawah ini 
<HTML>
<BODY>
Menu<br>
<a href="Atas.html" Target="main" >Sampul 1</a><br>
<a href="Kiri.html" Target="main" >Sampul 2</a><br>
<a href="kanan.html" Target="main" >Sampul 3</a><br>
<a href="Atas.html" Target="main" >Sampul 4</a><br>
<a href="kiri.html"Target="main" >Sampul 5</a>
</BODY>
</HTML>

Bentuk Tampilan Kiri.HTML:

Buat File HTML dengan Nama Kanan.HTML Kemudian Ketikan Kode Dibawah ini 
<HTML>
<BODY>
Selamat Datang
Kali ini sampul ilmu menjelaskan tentang cara membuat kolom atau frame DiHTML, Bentuk pembuatan frame pada contoh kali ini adalah 1 buah kolom untuk kolom bagian atas dan untuk bagian kiri dan kanan masing-masing 1 kolom.
</BODY>
</HTML>
Bentuk Tampilan Kanan.HTML:

Buat File HTML dengan Nama Index.HTML Kemudian Ketikan Kode Dibawah ini 
<HTML>
<HEAD><TITLE>Sampul Ilmu</TITLE></HEAD>
<FRAMESET ROWS="100,*">
  <FRAME NAME="judul" SCROLLING="No" NORESIZE src="Atas.html">
  <FRAMESET COLS="180,*">
    <FRAME NAME="menu" SRC="Kiri.html" SCROLLING="no">
    <FRAME NAME="main" SRC="Kanan.html">
</FRAMESET></FRAMESET>
</FRAMESET>
</FRAMESET>
</HTML>
Bentuk Tampilan Index.HTML:

Post a Comment for "Cara Membuat Kolom atau Frame Di HTML"