Materi : Element Frameset, Element Frame, Element Noframes
a) 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, border color, frameborder (untuk menampilkan border frame), dan frame spacing (spasi antara frame). Element Frameset terletak di antara Element Head dan Body.
Sintaks :
<frameset
cols="list"
rows="list"
border="pixel"
bordercolor="color"
frameborder="yes"|"no"
framespacing="pixel">
...........................
</frameset>
cols="list"
rows="list"
border="pixel"
bordercolor="color"
frameborder="yes"|"no"
framespacing="pixel">
...........................
</frameset>
b) Element Frame
Yaitu mendefinisikan frame yang terdapat dalam frameset. Element ini mempunyai attribute yaitu name (nama frame), margin height, margin width, border color, frame border, noresize, scrolling, src (dokumen frame yang d tampilkan pada frame). Element ini tidak mempunyai tag penutup.
Sintaks:
<frame
name="name"
marginheight="pixel"
maginwidth="pixel"
bordercolor="color"
frameborder="yes"|"no"
noresize
scrolling="yes"|"no"
src="uri">
name="name"
marginheight="pixel"
maginwidth="pixel"
bordercolor="color"
frameborder="yes"|"no"
noresize
scrolling="yes"|"no"
src="uri">
c) Element Noframes
Yaitu mendefinisikan isi yang akan ditampilkan jika suaru frame tidak dapat diakses.
Sintaks:
<noframes>
.....................
</noframes>
<noframes>
.....................
</noframes>
Contoh 1 :
Bagilah jendela menjadi dua frame secara vertical dengan komposisi 40% untuk dokumen left.html dan 60% untuk dokumen right.html.
<html> <head> <title>Contoh-1</title> </head> <frameset cols="40%,60%"> <frame src="left.html"> <frame src="right.html"> </frameset> <body> </body> </html> |
Catatan : penulisan nilai attribute cols dapat juga ditulis cols=”40%,*”.
Contoh 2 :
Dari contoh 1 ubahlah dengan memberikan warna coklat pada border dengan ukuran 10 pixel.
<html> <head> <title>Contoh-2</title> </head> <frameset cols="40%,*" border="10" bordercolor="brown"> <frame src="left.html"> <frame src="right.html"> </frameset> <body> </body> </html> |
Contoh 3 :
Dari contoh 2, tambahkan pada frame dokumen right.html dengan margin 50 pixel.
<html> <head> <title>Contoh-3</title> </head> <frameset cols="40%,*" border="10" bordercolor="brown"> <frame src="left.html"> <frame src="right.html" marginheight="50" marginwidth="50"> </frameset> <body> </body> </html> |
Tidak ada komentar:
Posting Komentar