Anda di halaman 1dari 4

Membuat Kolom atau Frame Di HTML

Bentuk Umum Penulisan Kode


<FRAMESET ROWS="">
..........................
<FRAMESET COLS="">
..........................
</FRAMESET>
</FRAMESET>

Langkah-langkah
1. Buatlah Folder baru (Folder tempat penyimpanan File HTML atau file
pendukung lainnya)
2. Buat File HTML dengan Nama Atas.HTML Kemudian Ketikan Kode Dibawah
ini
<HTML>
<BODY>
<IMG SRC="Logo.png">
</BODY>
</HTML>

3. 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>

4. 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>

5. Buat File HTML dengan Nama Kanan.HTML Kemudian Ketikan Kode


Dibawah ini
<HTML>
<BODY>
Selamat Datang
Materi hari ini adalah 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.
</BODY>
</HTML>

Membuat Kolom atau Frame Di HTML


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

Langkah-langkah
1. Buatlah Folder baru (Folder tempat penyimpanan File HTML atau file
pendukung lainnya)
2. Buat File HTML dengan Nama Atas.HTML Kemudian Ketikan Kode Dibawah
ini
<HTML>
<BODY>
<IMG SRC="Logo.png">
</BODY>
</HTML>

3. 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>

4. 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>

5. Buat File HTML dengan Nama Kanan.HTML Kemudian Ketikan Kode


Dibawah ini
<HTML>
<BODY>
Selamat Datang
Materi hari ini adalah 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.
</BODY>
</HTML>

Anda mungkin juga menyukai