Frame dalam bahasa inggris dapat diartikan sebagai bingkai atau kerangka, namun dalam bahasa HTML, frame yang dimaksud adalah kode html yang digunakan untuk menggabungkan beberapa file HTML menjadi satu bagian dalam satu jendela browser.
Seperti contoh pada gambar berikut, adalah tampilan dari sebuah frame (file main.html) yang didalamnya terdiri dari dua buah file yaitu menu.html dan isi.html.
Jika kita perhatikan gambar diatas maka akan terlihat seperti tampilan satu file saja yaitu main.html, padahal sebenarnya tampilan tersebut adalah gabungan dari dua file, yaitu menu.html dan isi.html yang dipanggil bersama-sama menggunakan frame pada file main.html.
Untuk lebih jelasnya dapat dilihat kode HTML dari masing-masing file berikut.
menu.html
<html>
<head>
<title>Menu</title>
</head>
<body bgcolor=yellow>
<font color=red><b>Makanan</b>
<br>
<ul type=circle>
<li>Roti</li>
<li>Biskuit</li>
<li>Buah</li>
</ul>
</font>
<font color=blue><b>Minuman</b>
<br>
<ul type=number>
<li>Fanta</li>
<li>Sprite</li>
<li>Marimas</li>
</ul>
</font>
</body>
</html>
isi.html
<html>
<head>
<title>Isi</title>
</head>
<body bgcolor=yellow>
<center>
<form method=post action=isi.html>
<table bgcolor=pink width=500 border=1>
<font color=black><h2>FORMULIR</h2></font>
<tr>
<td width=100>Nama :</td><td><input type=text></td>
</tr>
<tr>
<td width=100>Gender :</td><td><input name=radio1 type=radio> Pria <input name=radio1 type=radio> Pria</td>
</tr>
<tr>
<td width=100>Umur :</td><td><input type=text></td>
</tr>
<tr>
<td width=100>Photo :</td><td><input type=file value=Browse..></td>
</tr>
<tr>
<td></td><td><input type=submit value=Kirim></td>
</tr>
</table>
</form>
</center>
</body>
</html>
main.html
<html>
<head>
<title>Main</title>
<frameset cols="25%,75%">
<frame src="menu.html" />
<frame src="isi.html" />
</frameset>
0 komentar:
Posting Komentar