Home » » Belajar membuat Frame kolom di html #8

Belajar membuat Frame kolom di html #8

Written By Unknown on Sunday 27 January 2013 | 19:05



Frame kolom adalah frame yang menampilkan informasi dalam sebuah web browser dalam bentuk kolom. Sintaknya adalah sebagai berikut :
<frameset cols=”#,#,…”>
<frame name=”nama_frame” src=”lokasi web”>
………………………………………………………
</frameset>
Contoh penggunaan frame kolom :
Misalkan kita akan membuat 3 buah frame kolom dengan ukuran masing-masing adalah 30,40 dan 30.
Kita akan membuat komposisi 1 halaman utama dan 3 halaman pendukung.
·         Halaman utama
<html>
<head>
<title>contoh frame kolom</title>
</head>
<frameset cols=”30,40,30”>
<frame name=”left” src=”halaman1.html”>
<frame name=”center” src=”halaman2.html”>
<frame name=”right” src=”halaman3.html”>
</frameset>
</html>
Simpan dengan nama  :  hal_utama.html

·         Halaman 1
<html>
<head>
<title>halaman satu</title>
</head>
<body>
<p align=”center”><b>frame halaman 1</b></p>
<p align=”center” >frame ini adalah frame yang di letakan di sebelah kiri</p>
</body>
</html>
Simpan dengan nama  :  halaman1.html
·         Halaman 2
<html>
<head>
<title>halaman dua</title>
</head>
<body>
<p align=”center”><b>frame halaman 2</b></p>
<p align=”center” >frame ini adalah frame yang di letakan di tengan</p>
</body>
</html>
Simpan dengan nama  :  halaman2.html
·         Halaman 3
<html>
<head>
<title>halaman tiga</title>
</head>
<body>
<p align=”center”><b>frame halaman 3</b></p>
<p align=”center” >frame ini adalah frame yang di letakan di sebelah kanan</p>
</body>
</html>
Simpan dengan nama  :  halaman3.html
Share this article :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Turorial Grapich Design and Blog Design - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger