Tema 7. Cadre
Generalităţi
Eticheta <Frameset>
Eticheta <Frame>
Observaţii
Exemplul 1
<html>
<head> <H2>Facultati</H2> </head>
<body background="fondal.jpg" alink="green">
<H4>
<P> <A href ="fmi.html" target="cadrul2"> FMTI</A>
<P> <A href ="biohim.html" target="cadrul2"> Biologie si chimie </A>
<P> <A href ="geo.html" target="cadrul2"> Geografie </A>
<P> <A href ="fil.html" target="cadrul2"> Filologie </A>
<P> <A href ="ped.html" target="cadrul2"> Pedagogie </A>
</H4>
</body>
</html>
...
<html>
<head>
<title>Exemplu cu cadre</title>
</head>
<frameset cols= "180,*" border=0>
<frame src="meniu.html" noresize >
<frame src="fmi.html"name="cadrul2">
</frameset>
</html>
Conţinutul fişierului biohim.html:
<html>
<head> <H2>Biologie si Chimie</H2> </head>
<body>
Informatia despre facultatea Biologie si Chimie
</body>
</html>
Conţinutul fişierului fmi.html:
<html>
<head>
<H2>FMTI</H2>
</head>
<body>
Informatia despre facultatea Fizica, Matematica si Tehnologii
informationale
</body>
</html>
...
Observaţie. Evident, fişierul Meniu.html putea fi scris mai scurt utilizînd eticheta <base>:
<html>
<head> <base target="cadrul2"> <H2>Facultati</H2> </head>
<body background="fondal.jpg" alink="green">
<H4>
<P> <A href ="fmi.html" > FMTI</A>
<P> <A href ="biohim.html" > Biologie si chimie </A>
<P> <A href ="geo.html" > Geografie </A>
<P> <A href ="fil.html" > Filologie </A>
<P> <A href ="ped.html" > Pedagogie </A>
</H4>
</body>
</html>
Exemplul 2. Cadre imbricate
Conţinutul fişierului Prima.html:
<html>
<head><title>Exemplu cu cadre</title>
</head>
<frameset cols= "180,*" border=0>
<frame src="meniu.html" noresize >
<frameset rows = "120, *" border = 0>
<frame src="antet.jpg" scrolling="no">
<frame src="fmi.html" name="cadrul2">
</frameset>
</frameset>
</html>
...
Cadre interne
Exemplu 3. Cadru intern
Fişierele ex3.html, d1.jpg, d2.jpg, d3.jpg, d4.jpg, d5.jpg se află în acelaşi catalog.
<html>
<head><title>Exemplu cu cadru intern</title>
</head>
<body alink="geen">
<iframe src="d1.jpg" name="cadru_intern" width = 300 height = 250
align = right>
</iframe>
Acest document contine un cadru intern
<P> <A href ="d1.jpg" target="cadru_intern"> Desenul 1</A>
<P> <A href ="d2.jpg" target="cadru_intern"> Desenul 2 </A>
<P> <A href ="d3.jpg" target="cadru_intern"> Desenul 3 </A>
<P> <A href ="d4.jpg" target="cadru_intern"> Desenul 4 </A>
<P> <A href ="d5.jpg" target="cadru_intern"> Desenul 5 </A>
</body>
</html>
...
...