Jumat, 18 Maret 2011

FRAME

1. Membuat Frame 1





Cara membuat frame adalah dengan mengunakan lebih dari 1 halaman, langkahnya :
  • Pertama Kita buat dahulu isi dari frame kita buat 2 halaman, halaman pertama bernama halaman_a.html yang kedua halaman_b.html
----halaman_a.html-----
<html>
<head>
<title>halaman a</title>
</head>
<body>
<h1>ini halaman A</h1>
</body>
</html>

----halaman_b.html-----
<html>
<head>
<title>halaman b</title>
</head>
<body>
<h1>ini halaman B</h1>
</body>
</html>

  • Kedua kita buat halaman framenya, kita beri nama frame1.html
-----frame1.html-----
<html>
<head>
<title>latihan frame</title>
</head>
<frameset cols="40%,*">
<frame src="halaman_a.html"/>
<frame src="halaman_b.html"/>
</frameset>
</html>



2. Membuat Frame 2




----halaman_a.html-----
<html>
<head>
<title>halaman a</title>
</head>
<body>
<h1>ini halaman A</h1>
</body>
</html>

----halaman_b.html-----
<html>
<head>
<title>halaman b</title>
</head>
<body>
<h1>ini halaman B</h1>
</body>
</html>


----frame2.html----
<html>
<head>
<title>latihan frame</title>
</head>
<frameset rows="30%,*">
<frame src="halaman_a.html">
<frameset cols="40%,*">
<frame src="halaman_b.html"/>
<frame src="halaman_b.html"/>
</frameset>
</frameset>
</html>




3. Membuat frame tanpa border




  • Gunakan halaman_a.html dan halaman_b.html yang tadi untuk membuat ini
<html>
<frameset cols="40%,*" border="0">
<frame src="halaman_a.html">
<frame src="halaman_b.html">
</frameset>
</html>



4. Membuat Frame dengan Link




  • Gunakan halaman_a.html dan halaman_b.html yang tadi untuk membuat ini
  • Buat lagi halaman baru seperti halaman_a.html kita beri nama halaman_c.html

----frame4.html-----
<html>
<frameset cols="40%,*">
<frame name="kiri" src="halaman_a.html"/>
<frame name="kanan" src="halaman_c.html"/>
</frameset>
</html>




5. Membuat iFrame


<html>
<body>
Mencoba IFrame<br/>
<iframe src="halaman_a.html"
width="200"
height="100"
align"=right"/>
</body>
</html>

Tidak ada komentar:

Posting Komentar



save/share/bookmark