Ferestrele sau (cadrele) permit definirea în fereastra principală a unor subferestre în care să fie încărcate documente HTML diferite.
Sub-ferestrele sunt definite într-un fișier HTML special, în care blocul <body>…</body> este înlocuit de blocul <frameset>…</frameset>.
În interiorul acestui bloc, fiecare cadru este introdus prin eticheta <frame>.
Un atribut obligatoriu al etichetei <frame> este src, care primește ca valoare adresa URL a documentului HTML care va fi încărcat în acel frame. Definirea cadrelor se face prin împărțirea ferestrelor (și a sub-ferestrelor) în linii și coloane astfel:
• împărțirea în linii se face cu atributul rows al etichetei <frameset>;
• împărțirea în coloane se face cu atributul cols al etichetei <frameset>;
• valoarea atributelor cols și rows este o listă de elemente despărțite prin virgulă, care descriu modul în care se face împărțirea, şi pot fi:
o un număr întreg de pixeli;
o procente din dimensiunea ferestrei (1 ÷ 99 %);
o n* care înseamnă n părți din spațiul rămas;
Exemplu: Se creează o pagină Web cu trei cadre mixte. Se împarte fereastra în două subferestre orizontale, se umple prima subfereastră cu fișierul index.html, după care se împarte a doua subfereastră în două coloane, una se umple cu winxp.gif și cealaltă cu index2.html.
<html> <head> <title>cadre</title> </head> <frameset rows="*,*"> <frame src="index.html"> <frameset cols="35%,*"> <frame src="winxp.gif"> <frame src="index2.html"> </frameset> </frameset> </body> </html>
• culori pentru chenare: bordercolor – are valori specifice pentru culori, și pot însoți etichetele <frameset> și <frame>;
• dimensionarea chenarului unui cadru : border – pentru <frameset> – are valoarea în pixeli, 0 = cadru fără chenar.;
• frameborder = 0 – nu se afișează chenarul cadrului;
• bare de defilare – scrolling – pentru <frame> – adaugă unui cadru o bară de
• noresize – împiedică redimensionarea cadrului cu mouse-ul;
• marginheight și marginwidth – stabilesc distanța în pixeli dintre conținutul cadrului și marginile verticale/orizontale, și pot lua valorile: număr de pixeli sau procent din lățime/înălțimea cadrului;
Cadre interne
Un cadru intern este specificat prin intermediul blocului ….
Un cadru intern se inserează într-o pagina Web în mod asemănător cu o imagine așa cum rezultă din următorul exemplu:
http://pagina1.html
În acest caz, s-a specificat o fereastră de cadru intern care are 40% din înălțimea şi 50% din lățimea paginii curente.
Atributele acceptate de eticheta <iframe> sunt în parte preluate de la etichetele <frame> și <frameset>, cum ar fi: rc, border, frameborder, bordercolor, marginheight, marginwidth, scrolling, name, noresize; sau de la eticheta <img> vspace, hspace, align, width, height;
<html> <head> <title>Cadre_interne</title> </head> <body> <a href="index1.html" target="icad">Pagina1</a><br> <a href="index2.html" target="icad">Pagina2</a><br> <a href="index3.html" target="icad">Pagina3</a><br> <a href="index.html" target="icad">Acasă</a><br> <center> <iframe width="60%" height="50%" border=2 bordercolor=red name="icad" src="acasa.html"> Dacă vedeţi acest text înseamnă că browserul dumnevoastră nu suportă cadre interne. <a href="p0.html">Pagina fara cadre interne</a> </iframe> </center> </body> </html>
InfoCad Blog 