Descriere:Ferestre in HTML
Download:Nu necesita
Autor:Anonim
Sursa (Link-ul oficial):
Tutorialul:
Ferestrele sau (cadrele) ne permit sa definim in fereastra browserului subferstre in care sa fie incarcate documente HTML diferite.
Ferestrele sunt definite intr-un fisier HTML special , in care blocul <body>...</body> este inlocuit de blocul <frameset>...</frameset>.
In interiorul acestui bloc, fiecare cadru este introdus prin eticheta <frame>.
Un atribut obligatoriu al etichetei <frame> este src, care primeste ca valoare adresa URL a documentului HTML care va fi incarcat in acel frame. Definirea cadrelor se face prin impartirea ferstrelor (si a subferestrelor) in linii si coloane:
impartirea unei ferstre intr-un numar de subferestre de tip coloana se face cu ajutorul atributului cols al etichetei <frameset> ce descrie acea fereastra;
impartirae unei ferestre intr-un numar de subferestre de tip linie se face cu ajutorul atributului rows al etichetei <frameset> ce descrie acea fereastra;
valoare atributelor cols si rows este o lista de elmente separate prin virgula , care descriu modul in care se face impartirea.
Elementele listei pot fi:
un numar intreg de pixeli;
procente din dimensiunea ferestrei (numar intre 1 si 99 terminat cu %);
n* care inseamna n parti din spatiul ramas;
Exemplu 1: cols=200,*,50%,* inseamna o impartire in 4 subferestre , dintre care prima are 200 pixeli , a treia ocupa jumatate din spatiul total disponibil ,iar a doua si a patra ocupa in mod egal restul de spatiu ramas disponibil.
Exemplu 2: cols=200,1*,50%,2* inseamna o impartire in 4 subferestre , dintre care prima are 200 pixeli , a treia ocupa jumatate din spatiul total disponibil iar a doua si a patra ocupa in mod egal restul de spatiu ramas disponibil, care se imparte in trei parti egale , a doua fereastra ocupand o parte , iar a patra ocupand 2 parti.
Observatii:
- daca mai multe elemente din lista sun configurate cu * , atunci spatiul disponibil ramas pentru ele se va imparti in mod egal.
- o subfereastra poate fi un cadru (folosind <frame>)in care se va incarca un document HTML sau poate fi impartita la randul ei la alte subfereste (folosind <frameset>).
Code: Select all
<html>
<head><title>ferex_1</title></head>
<frameset cols="*,*">
<frame src="p1.html">
<frame src="p2.html">
</frameset>
</html> In exemplul urmator este creata o pagina Web cu trei cadre orizontale.Pentru al doilea cadru valoarea atributului src este adresa URL a unei imagini.
Code: Select all
<html>
<head><title>ferex_2</title></head>
<frameset rows="100,*,10%">
<frame src="p1.html">
<frame src="tiled.gif">
<frame src="p3.html">
</frameset>
</html> In exemplul urmator este creata o matrice de 4 cadre (2 x 2).Pentru a realiza acest lucru, se folosesc simultan cele doua atribute cols si rows.
Code: Select all
<html>
<head><title>ferex_3</title></head>
<frameset rows="*,*" cols="*,*">
<frame src="p1.html">
<frame src="p2.html">
<frame src="p3.html">
<frame src="p4.html">
</frameset>
</html>
In exemplul urmator este creata o pagina Web cu trei cadre mixte.Pentru a o crea se procedeaza din aproape in aproape. Mai intai, pagina este impartita in doua subferestre de tip coloana, dupa care a doua subfereastra este impartita in doua subferestre de tip linie.
Code: Select all
<html>
<head><title>ferex_4</title></head>
<frameset cols="20%,*">
<frame src="p1.html">
<frameset rows="*,*">
<frame src="p2.html">
<frame src="p3.html">
</frameset>
</frameset>
</html> 