Sunteți pe pagina 1din 15

Cadre

vizualizarea in aceeasi fereastra a mai


multor documente, fiecare fiind asezat in
propriul cadru
<FRAMESET> </FRAMESET> marcheaza
continutul paginii
<FRAME> si </FRAME> marcheaza fiecare
cadru

Pozitionarea si dimensionarea
cadrelor

Atribute ale elementului FRAMESET:


rows
Ex: <FRAMESET rows = "60%,*">
cols
Ex: <FRAMESET cols = 10%,25%,*">
Pt browsere vechi:
<NOFRAMES> </NOFRAMES>

Atribute ale elementului FRAME:

name - identifica un cadru pentru a putea fi folosit


ca valoare a atributului target a unei ancore sursa
src=url-ul documentului care va fi afisat in cadru
noresize - tip boolean care, prin prezenta sa,
impune imposibilitatea de a redimensiona cadrul.
scrolling - afisarea sau nefisarea barelor de defilare
pe mariginea cadrului. Optiuni posibile:
auto
yes
no

frameborder- afisarea sau neafisarea unei


borduri de demarcare intre cadre adiacente.
Optiunile posibile :
1

(valoare implicita).

marginwidth si marginheight
stabilesc

spatiul pe orizontala si, respectiv, pe


verticala lasat liber intre marginile cadrului si
continutul sau.

Exista si posibilitatea de a predefini tintele referintelor


la nivel de document cu ajutorul aceluiasi atribut
aplicat elementului BASE. Astfel, o formulare de genul:
<BASE target = "cadruA">
face ca toate ancorele prezente in documentul
respectiv sa aiba ca tinta cadrul "cadruA", cu exceptia
celor care specifica ele insele o alta tinta.

Pentru a afisa un document in fereastra mare,


nedivizata in cadre, folositi valorile parent sau top
pentru atributul target al elementului ancora.

<html><head><title>Cadre pe verticala</title>
</head>
<frameset cols="30%,*">
<frame name="Stanga" src="IndexStanga.html"
marginwidth="10" marginheight="10"
scrolling="auto" frameborder="1">
<frame name="Dreapta" src="Pagina3.html"
marginwidth="10" marginheight="10"
scrolling="auto" frameborder="1">
</frameset>
<noframes>
Acesta este un document de cadre. Din pacate...
</noframes></html>

<html><head><title> Cadre pe orizontala si


verticala</title></head>
<frameset rows="50%,*" cols="50%,*">
<frame name="a1" src="IndexSusStanga.html"
marginwidth="10" marginheight="10" scrolling="auto"
frameborder="1">
<frame name="a2" src="Blank.html" marginwidth="10"
marginheight="10" scrolling="auto" frameborder="0">
<frame name="b1" src="Blank.html" marginwidth="10"
marginheight="10" scrolling="auto" frameborder="0">
<frame name="b2" src="Blank.html" marginwidth="10"
marginheight="10" scrolling="auto" frameborder="0">
</frameset>
<noframes> Aceasta este o pagina de cadre. Din pacate...
</noframes></html>

<html><head><title>Cadre imbricate</title></head>
<frameset rows="64,*">
<frame src="Titlu.html" name="banner" id="banner"
scrolling="No" noresize>
<frameset cols="150,*">
<frame src="IndexStangaImbri.html" name="contents"
id="contents" scrolling="Auto">
<frame name="main" src="Blank.html">
</frameset>
</frameset>
<noframes>
<body>
Acest document contine cadre, dar....
</body></noframes> </html>

Cadre in interiorul unui


document obisnuit

Se aseamana cu celulele unui tabel


Contin un fisier html intreg
<IFRAME> </IFRAME>
Atribute in plus fata de <FRAME>:
- width si height
- align
Obs. - nu poseda atributul noresize.

Un exemplu de cadru in-line

Un exemplu de cadru in-line


<iframe name=cadru src=prima.html
frameborder=1 align=middle
height=120 width=280>
</iframe>
<p>Acest cadru contine initial prima
stofa a poeziei. Doriti sa o cititi si pe a
<a href=doi.html target =cadru>
doua </a>?