Frame

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

TabeleHTML 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:

--- descrierea tabelului---

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:

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:

Toate celulele unui rnd motenesc valorile atributului VALIGN definit n tag-ul , cu excepia cazului cnd acest atribut este redefinit prin tag-ul , 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 si . 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 . 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 care are aceleai atribute ca i .

Textul din acest tag este automat centrat i boldit.

Titlul tabelului se specific prin tag-ul:

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.

Tables inside tables!

2