Frame HTML
Frame HTML
Adalah layout sebuah HTML untuk menampilkan beberapa halaman web secara bersamaan dan ditampilkan dalam sebuah window browser.
FRAME KOLOM
Berdasarkan fungsinya, frame terbagi atas: Frame Kolom adalah Frame yang menampilkan informasi dalam sebuah web browser dalam bentuk kolom. Misalnya kita akan membuat tiga buah frame kolom dengan ukuran masing-masing frame adalah 30, 40, dan 30 (dilustrasikan 1 browser web memiliki ukuran total adalah 100). Kita akan membuat 4 buah halaman web, dengan komposisi 1 halaman web dan 3 halaman pendukung. Sintaksnya: (halaman utama) <frameset cols=#,#,...> <frame name=namaframe src=lokasi web> ................... </frameset>
CONTOH1 :
<html> <head> <title> contoh frame kolom</title> </head> <frameset cols="30,40,30"> <frame name="left" src="kolom1.htm"> <frame name="center" src="kolom2.htm"> <frame name="right" src="kolom3.htm"> </frameset> </html>
CONTOH2
<html> <head> <title> contoh frame kolom</title> </head> <frameset cols="30,40,30"> <frame name="left" src="frame1.html"> <frame name="center" src="frame2.html"> <frame name="right" src="frame3.html"> </frameset> </html>
FRAME BARIS
adalah frame yang menampilkan informasi dalam sebuah web browser dalam bentuk baris. Sintaksnya: (halaman utama) <frameset rows=#,#,...> <frame name=namaframe src=lokasi web> ................... </frameset>
CONTOH
<html> <head> <title> contoh frame baris</title> </head> <frameset rows="30,50,20"> <frame name="left" src=frame1.htm"> <frame name="center" src=frame2.htm"> <frame name="right" src=frame3.htm"> </frameset> </html>
FRAME CAMPURAN
adalah frame yang menampilkan informasi dalam sebuah web browser dalam bentuk baris dan kolom. Sintaksnya: (halaman utama) <frameset rows="50%,50%"> <frame src=file html" /> <frameset cols="25%,75%"> <frame src=file html" /> <frame src="file html" /> </frameset> </frameset>
CONTOH
<html> <frameset rows="50%,50%"> <frame src="frame1.html" /> <frameset cols="25%,75%"> <frame src="frame2.html" /> <frame src="frame3.html" /> </frameset> </frameset> </html>
IFRAME
Membuat frame di dalam baris. Sintaksnya: (halaman utama) <iframe src=file.html" width="200" height="200"></iframe>
CONTOH
<html> <body> <iframe src="cthiframe.html" width="200" height="200"></iframe> <p>Some older browsers don't support iframes.</p> <p>If they don't, the iframe will not be visible.</p>
</body> </html>
C ONTOH
<html> <body> <iframe src="cthiframe.html" name="iframe_a" width="600" height="600"></iframe> <p><a href="http://www.kompas.com" target="iframe_a">kompas.com</a></p> <p><b>Note:</b> Because the target of the link matches the name of the iframe, the link will open in the iframe.</p> </body> </html>
FRAME TARGET
Adalah sebuah frame yang menjadi tujuan untuk membuka sebuah dokumen terkait. Sintaksnya: (halaman utama) <a href=file.html target=nama frame>
CONTOH
<html> <frameset rows="50%,50%"> <frame src="top.html" /> <frameset cols="25%,75%"> <frame src="left.html" name="kiri" /> <frame src="kanan.html" name="kanan"/> </frameset> </frameset> </html>
<html> <a href="frame1.html" target="kanan">frame1 </a> <a href="frame2.html" target="kanan">frame2 </a> <a href="frame3.html" target="kanan">frame3 </a> </html>