Frame

In general frame-urile se folosesc pentru a afisa un meniu pe de o parte iar continutul pe de o alta
parte. Atunci cand cineva da un clik pe un link din meniu se va deschide o alta pagina in partea de
continut. Vom exempifica toate acestea cu ajutorul codului urmator:
- frameset - Este tagul care stabileste caracteristicile frame-ului. Frame-urile individuale vor fi
definite inauntrul lui.
- frameset cols="#%, *"- "Cols" stabileste latimea pe care fiecare frame o va avea. In exemplul
anterion am stabilit ca primul frame (meniul) va ocupa 30% din suprafata afisata, si am folosit
semnul " * " pentru a indica browser-ului ca in restul paginii ramase se va afisa continutul paginii.
- frame src="" - adresa fisierelor care vor fi afisate ca meniu si respectiv continut.
frameset rows="#%, *"- "rows" stabileste inaltimea fiecarui frame care va fi afisat. In exemplul
anterior am ales ca primul frame va fi 20% iar restul de spatiu ramas va fi impartit intre
menu.html si content.html.
HTML - Frame - Margine si Spatiere
frameborder="#" - Valoarea 0 nu reproduce margine.
- border="#"- modifica grosimea marginii. (folosit de netscape)
- framespacing="#" - modifica grosimea marginii (folosit de Internet Explorer)
HTML - "frame name" si "frame target"
Pentru a menitine meniul in pozitia actuala iar cand executam clic pe pagina de contact de
exemplu sa se deschida in locul pagini de continut, vom da un nume fiecarui frame si vom precisa
locul unde se va deschide cu ajutorul base target.
Noresize si scrolling
- noresize - nu lasa ca framul sa se redimensioneze in functie de monitorul vizitatorului
- scrolling="(yes/no)"- permite sau nu sroll-ul intr-un frame
Tabele
HTML permite descrierea tabelelor ntr-o manier amnunit ca i n cazul listelor. Un tabel
poate conine un alt tabel. O celul dintr-un tabel poate conine: text, liste, imagini, legturi
hipertext sau elemente ale unui formular. Sintaxa general pentru crearea unui tabel este:
<TABLE BORDER=m CELLPADING=n2 CELLSPACING=n3 WIDTH=n4%>
--- descrierea tabelului--</TABLE>
Proprietile generale ale unui tabel se specific prin atributele:
BORDER, grosimea bordurii de ncadrare a tabelului;
CELLPADING, spaiul din jurul textului unei celule;
CELLSPACING, spaiul ntre celule;
WIDTH specific n procente ct la sut din suprafaa ferestrei ocup tabelul.
Tabelul este descris rnd cu rnd cu ajutorul tag-ului:
<TR VALIGN=TOP|BOTTOM|MIDDLE ALIGN=RIGHT|LEFT|CENTER> </TR>
Atributul VALIGN specific alinierea vertical a textului n toate celulele rndului, iar
ALIGN d alinierea orizontal.
Definirea unei celule n cadrul unui rnd se face prin:
1

<TD VALIGN=v1 ALIGN=v2 COLSPAN=n1 ROWSPAN=n2 NOWRAP> </TD>

Toate celulele unui rnd motenesc valorile atributului VALIGN definit n tag-ul <TR>, cu
excepia cazului cnd acest atribut este redefinit prin tag-ul <TD>, devenind astfel prioritar n
raport cu primul.
Atributul COLSPAN specific limea celulei, ca multiplu de laimea coloanei de baz, iar
ROWSPAN specific nlimea celulei, ca multiplu de nlimea rndului de baz.
Dimensionarea celulelor unui tabel se face automat la lungimea maxim a textului din celule.
Dac textul introdus ntr-o celul este mai lung de 64 caractere, navigatorul l mparte automat n
mai multe rnduri. Atributul NOWRAP permite inhibarea acestei reguli, lsnd textul pe un
singur rnd, indiferent de lungimea acestuia.
Continutul va fi plasat in interiorul casutelor tabelului. O casuta este ceea ce se afla intre <td> si
</td>. Atributul border stabileste latimea marginii tabelului.
Tabele asimetrice
Pentru a forma tabele asimetrice vom folosi "rowspan" pentru a traversa mai mute linii si
"colspan" pentru a traversa mai multe coloane. Deasemenea daca vrem ca prima linie sa
serveasca de titluri pentru toate coloanele vom folosi tagul <th>.
Spatierea celulelor
Cu ajutorul atributelor "cellpadding" si "cellspacing" vom defini distanta dintre celule.
"cellspacing" stabileste marimea marginii, iar "cellpandding" stabileste distanta dintre margine si
continut. In exemplu urmator a fost adaugata deasemenea putina culoare.
Antetul tabelului se descrie prin tag-ul <TH> </TH> care are aceleai atribute ca i <TD>.
Textul din acest tag este automat centrat i boldit.
Titlul tabelului se specific prin tag-ul:
<CAPTION ALIGN=TOP|BOTTOM> </CAPTION>
Un layout nu are prea multe optiuni. Pe de alta parte un table este foarte folositor. Intr-un tabel
poate fi introdus cam orice element, chiar si un alt tabel.
<table id="shell" bgcolor="black" border="1" heigh="200"
width="300">
<tr><td> <table id="inner" bgcolor="white" heigh="100"
width="100">
<tr><td>Tables inside tables!</td></tr>
</table> </td></tr></table>