Joshaxis: HTML Frame

Friday, 15 October 2010

HTML Frame

H

TML FRAME terdiri dari Element FRAMESET, Element FRAME, dan Element NOFRAMES

Element FRAMESET berfungsi untuk membagi isi jendela web browser menjadi beberapa bagian. Element ini mempunyai attribute yaitu cols (membagi jendela berdasarkan kolom), rows (membagi jendela berdasarkan baris), border, bordercolor, frameborder (untuk menampilkan border frame), dan framespacing (spasi antara frame). Element FRAMESET terletak di antara element HEAD dan BODY.

Sintaks:

 <br />
<frameset <br />
cols="list"<br />
rows="list"<br />
border="pixel"<br />
bordercolor="color"<br />
frameborder="yes"|"no"<br />
framespacing="pixel"><br />
...........................<br />
</frameset><br />
<br />

ELEMENT FRAME

Element FRAME mendefinisikan frame yang terdapat dalam frameset. Element ini mempunyai attribute yaitu name (nama frame), marginheight, marginwidth, bordercolor, frameborder, noresize, scrolling, src (dokumen yang ditampilkan pada frame). Element ini tidak mempunyai tag penutup.

Sintaks:

 <br />
<frame <br />
name="name"<br />
marginheight="pixel"<br />
maginwidth="pixel"<br />
bordercolor="color"<br />
frameborder="yes"|"no"<br />
noresize<br />
scrolling="yes"|"no"<br />
src="uri"><br />

ELEMENT NOFRAMES

Element NOFRAMES mendefinisikan isi yang akan ditampilkan jika suatu frame tidak dapat diakses.

Sintaks:

 <br />
<noframes><br />
.....................<br />
</noframes><br />

CONTOH MEMBUAT FRAMESET

Bisa ditulis pada notepad dan simpan sebagai file html

 <br />
<br />
<html><br />
<head><br />
<title>Frameset</title><br />
</head><br />
<frameset cols="40%,60%" border="10" bordercolor="red"><br />
<frame src="left.html"><br />
<frame src="right.html" marginheight="50" marginwidth="50"><br />
</frameset><br />
<body><br />
</body><br />
</html><br />
<br />

Hasilnya :

left.html

right.html

Note :

Hasil ini hanya contoh tampilan, kode dalam kotak biru diatas bisa berfungsi dengan baik bila telah ada file left.html dan right.html

Persen (%) dapat diganti dengan pixel (px) begitu juga sebaliknya. Persen memiliki kemampuan ukuran flexsible dengan resolution layar monitor, sedangkan pixel memiliki kemampuan ukuran tetap yang tidak terpengaruh resolution layar monitor.