Colegiul National ,,Calistrat Hogas" Piatra Neamt

PROIECT PENTRU OBTINEREA ATESTATULUI DE COMPETENTA PROFESIONALA IN INFORMATICA

Profesor coordonator:

Candidat: Oslobanu Maria

Alina Zaharia

Clasa: a XII-a

CUPRINS

Introducere Despre HTML Primii pai Fonturi Blocuri de text Imagini Legturi Liste Tabele Ferestre Formulare Stiluri Javascript

Tag-uri Teste
Introducere pagina web

Paginile de Web sunt scrise ntr-un limbaj numit HTML (Hypertext Markup Language limbaj de marcare hipertext). HTML permite utilizatorilor s produc, pagini care includ texte, grafic i indicatori la alte pagini de Web. Vom ncepe s studiem HTML eu aceti indicatori, pentru c ei reprezint tocmai mecanismul care ine Web-ul conectat URL- Uniform Resource Locators O pagin de Web poate s conin referine la alte pagini. S explicm cum sunt implementate aceste referine. nc de la crearea Web-ului a fost clar c pentru a avea o pagin care s indice spre alt pagin este necesar un mecanism care s permit numirea i regsirea paginilor. n

particular sunt trei ntrebri la care trebuie sa se rspund nainte de a se putea afia o pagin: l. Cum se numete pagina ? 2. Cum este localizat pagina ? 3. Cum se face accesul la pagin ? Dac fiecare pagin ar avea un nume unic, atunci nu ar exista nici o ambiguitate n identificarea paginilor. Totui, problema nu este nc rezolvat. S considerm de exemplu o paralel ntre oameni i pagini. n SUA aproape fiecare persoan are un numr de asigurare social; care este un identificator unic, astfel nct nu exist dou persoane cu acelai numr. Totui, cunoscnd numai numrul respectiv nu exist nici o posibilitate de a gsi adresa persoanei respective, i sigur nu se poate afla dac persoanei respective trebuie s i se scrie n englez, spaniol sau chinez. Web-ul are practic acelai fel de probleme. Soluia aleas identific paginile ntr-un mod care rezolv toate trei problemele n acelai timp. Fiecare pagin are un URL (Uniform Resource Locater - adresa uniform pentru localizarea resurselor) care funcioneaz ca nume al paginii general valabil. Un URL are trei componente: protocolul, numele DNS al mainii pe care este memorat fiierul i un nume local, care indic n mod unic pagina (de obicei numele fiierului care conine pagina). De exemplu, URL-ul departamentului din care face parte autorul este: http://www.cs.vu.nl/welcome.html Acest URL este format din trei componente: protocolul (http), numele DNS al serverului (www.cs.vu.nd) i numele fiierului (welcome.html), cu semnele de punctuaie corespunztoare. Se utilizeaz notaii care reprezint prescurtri standard. De. exemplu user/ poate s fie pus n coresponden cu directorul WWW al utilizatorului user, folosind convenia c o referin la directorul respectiv implic un anumit fiier, de exemplu index.html. De exemplu pagina autorului poate s fie referit ca: http://www.cs.vu.nl/~ast/ chiar dac de fapt numele fiierului este diferit. Pe multe servere un nume de fiier indic implicit pagina

organizaiei creia i aparine serverul. Acum ar trebui s fie clar cum funcioneaz hipertextul. Pentru a face o poriune de text selectabil, cel care scrie pagina trebuie s furnizeze dou elemente: textul prin care se face selecia i URL-ul paginii care trebuie adus dac textul este selectat. Cnd se face selecia, programul de navigare caut numele serverului utiliznd DNS-ul. Pe baza adresei IP a serverului, programul de navigare stabilete o conexiune TCP spre server. Utiliznd aceast conexiune, se transmite numele fiierului utiliznd protocolul specificat. Bingo. Acum sosete pagina. Protocolul http este protocolul nativ pentru Web; e1 este utilizat de ctre serverele de HTTP. Protocolul ftp este utilizat pentru accesul la fiiere prin FTP (File Transfer Protocol - -protocol pentru transferul de fiiere), protocolul Internet de transfer de fiiere. FTP este utilizat de peste douzeci de ani i este foarte rspndit. Numeroase servere de FTP din toat lumea permit ca de oriunde din Internet s se fac o conectare i s se aduc orice fiier plasat pe un server FTP. Web-ul nu aduce schimbri aici, face doar ca obinerea fiierelor s se fac mai uor, pentru c FT'P are o interfa mai puin prietenoas. n viitor probabil c FTP-ul va dispare, deoarece nu exist nici un avantaj pentru o organizaie s aib un server de FTP n loc de un server de HTTP, care poate s fac tot ce face un server de FTP, i chiar mai mult (desigur mai exist nite argumente legate de eficien). Este posibil s se fac acces la un fiier local ca la o pagin de Web, fie utiliznd protocolul file (fiier), sau pur i simplu utiliznd numele fiierului. Aceast abordare este similar utilizrii protocolului FTP, dar nu implic existena unui server. Desigur funcioneaz numai pentru fiiere locale. {Protocolul news permite unui utilizator de Web s citeasc un articol din tiri ca i cum ar fi o pagin de Web. Aceasta nseamn de fapt c un program de navigare este n acelai timp i un cititor de tiri. De fapt multe programe de navigare au butoane sau elemente de meniu care permit

citirea tirilor USENET mai uor dect daca se utilizeaz cititoare de tiri obinuite. Protocolul news admite dou formate. Primul format specific un grup de tiri si poate sa fie utilizat pentru a obine o list de articole de la un server de tiri preconfigurat. Al doilea format cere identificatorul unui articol, de exemplu AA0134223112@csutah.edu. Programul de navigare aduce articolul de la serverul corespunztor utiliznd protocolul NNTP. Protocolul gopher este utilizat de sistemul Gopher, care a fost proiectat la universitatea Minnesota. Numele este cel al echipei atletice a universitii, the Golden Gopher, de asemenea acest nume este utilizat n argou pentru go for; adic o comand de aducere Gopher-ul a precedat Web-ul cu civa ani. Este o metod de regsire a informaiei, similar conceptual cu cea utilizat de Web, dar acceptnd numai text i imagini. Cnd un utilizator se conecteaz la un server de Gopher, va avea la dispoziie un meniu de fiiere i directoare, fiecare intrare putnd s fie conectat la orice meniu de Gopher oriunde n lume. Marele avantaj al Gopher-ului n raport cu Web-ul este c funcioneaz foarte bine cu terminale ASCII care afieaz 25 x 80 caractere si din care exist nc foarte multe n lume. Pentru c este bazat pe text, Gopher este foarte rapid. De aceea n lume exist multe servere de Gopher. Utilizatorii de Web pot s acceseze un server de Gopher i s vad fiecare meniu Gopher ca o pagin Web cu intrri selectabile. Dac nu ai lucrat cu Gopher-ul utilizai maina favorit de cutare n Web pentru a cuta cuvntul gopher. Este posibil s se trimit cerere de cutare complet unui server de Gopher utiliznd un protocol gopher+. Ce se va afia este rezultatul cererii transmise serverului de Gopher. Ultimele dou protocoale nu unt de fapt protocoale pentru aducerea unor pagini de Web i nu sunt suportate de orice program de navigare, dar sunt utile. Protocolul mailto permite transmiterea de pot dintr-un program de navigare. Pentru a face aceast operaie se selecteaz butonul OPEN i se specific un URL constnd din mailto: urmat de adresa

destinatarului. Majoritatea programelor de navigare vor rspunde cu un formular care are intrri corespunztoare subiectului i altor informaii din antet i spaiu pentru mesaj. Protocolul telnet este utilizat pentru stabilirea unei conexiuni pe o main aflat la distan. Se utilizeaz n acelai fel ca i programul Telnet, ceea ce nu constituie o surpriz, deoarece majoritatea programelor de navigare utilizeaz programul Telnet.} Pe scurt URL-urile au fost proiectate nu numai pentru a permite utilizatorilor s navigheze prin Web, dar i pentru a utiliza FTP, news, Gopher, email i telnet, ceea ce face inutile interfeele specializate pentru aceste protocoale integrnd astfel ntr-un singur program, navigatorul n Web, aproape toate tipurile de acces n Internet. Dac metoda nu ar fi fost proiectat de un fizician ar fi putut s par produsul departamentului de publicitate al unei companii de software. n ciuda tuturor acestor proprieti, creterea Web-ului scoate n eviden i o slbiciune a metodei utilizrii URLurilor. Pentru o pagin care este foarte des referit, ar fi de preferat s existe mai multe copii pe servere diferite, pentru a reduce traficul n reea. Problema este c URL-urile nu ofer nici o posibilitate de indicare a unei pagini fr s se specifice unde este localizat pagina respectiv. Nu exist nici o metod pentru a spune ceva de genul: Vreau pagina xyz, dar nu m intereseaz de unde o aduci. Pentru a rezolva aceast problem i a permite multiplicarea paginilor IETF lucreaz la un sistem de URL (Universal Resource Identifiers - identificatori universali de resurse). Un URL poate s fie privit ca un URL generalizat. Acest subiect este n curs de cercetare.

01. Despre HTML. ?

Unul din primele elemente fundamentale ale WWW (World Wide Web) este HTML ( Hypertext Markup Language ), care descrie formatul

primar n care documentele sunt distribuite i vzute pe Web. Multe din trsturile lui, cum ar fi independena fa de platform, structurarea formatrii i legturile hipertext, fac din el un foarte bun format pentru documentele Internet i Web. Primele specificaii de baz ale Web-ului au fost HTML, HTTP i URL. HTML a fost dezvoltat iniial de Tim Berners-Lee la CERN n 1989. HTML a fost vzut c o posibilitate pentru fizicienii care utilizeaz computere diferite i schimb ntre ei informaie utiliznd Internetul. Erau prin urmare necesare cteva trsturi : independena de platform, posibiliti hypertext i structurarea documentelor. Independena de platform nseamn c un document poate fi afiat n mod asemntor de computere diferite ( deci cu fonte, grafica i culori diferite ), lucru vital pentru o audienta att de variata. Hipertext nseamn c orice cuvnt, fraz, imagine sau alt element al documentului vzut de un utilizator (client) poate face referin la un alt document, ceea ce uureaz mult navigarea ntre multiple documente sau chiar n interiorul unui aceluiai document. Structurarea riguroas a documentelor permite convertirea acestora dintr-un format n altul precum i interogarea unor baze de date formate din aceste documente. SGML i HTML Tim Berners-Lee a utilizat c model SGML ( Standard Generalized Markup Language ), un standard internaional n plin dezvoltare. SGML avea avantajul unei structurri avansate i al independenei de platform dar proiectarea lui a avut n vedere mai mult structura semantic a documentului dect modul de formatare. Flexibil, SGML putea fi descris c o specificare pentru descrierea altor formate. Utilizatorii puteau crea noi formate (DTD, Document Type Definitions) care puteau fi nelese de orice produs soft SGML pur i simplu prin citirea mai nti a definiiilor noilor formate. HTML este pur i simplu un DTD, deci o aplicaie a SGML. n primii ani de evoluie HTML a crescut lent, n principal pentru c i lipseau posibilitile de a descrie publicaii electronice profesionale; limbajul permitea oarece control asupra fontelor dar nu permitea nserarea graficii. n 1933,

NCSA a mbogit limbajul pentru a permite inserarea graficii i au construit primul navigator grafic, Mosaic. Au urmat apoi contribuii ad hoc ale diverselor firme care au adus adugiri limbajului HTML (adugiri i nu mbogiri pentru c unele taguri nu erau n conformitate cu principiile generale ale SGML) astfel nct, prin 1994 limbajul prea scpat de sub control. Urmarea a fost c la prima conferin WWW din Geneva ( Elveia ) s-a constituit un grup ( HTML Working Group ) a crui prima misiune a fost formalizarea HTML ntrun DTD al SGML, lucru care s-a concretizat n HTML Level 2 ( sau HTML 2.0; Nivelul 1, deci HTML 1.0, a fost proiectat de Tim Berners-Lee ). Importana aciunii acestui grup const n faptul c, odat standardizat, limbajul poate fi apoi extins ntr-un mod mai controlat la alte nivele. Standardul oficial HTML este World Wide Web Consor iu (W3C), care este afiliat la Internet Engineering Task Force (IETF). W3C a enunat cteva versiuni ale specificaiei HTML, printre care i HTML 2.0, HTML 3.0,HTML 3.2, HTML 4.0 i, cel mai recent, HTML 4.01. n acelai timp, autorii de browsere, cum ar fi Netscape i Microsoft, au dezvoltat adesea propriile "extensii" HTML n afara procesului standard i le-au ncorporat n browserele lor. n unele cazuri, cum ar fi tagul Netscape, aceste extensii au devenit standarde de facto adoptate de autorii de browsere. HTML 2.0, elaborat n Iunie 1994, este standardul pe care ar trebui s-l suporte toate browserele curente -- inclusiv cele mod text. HTML 2.0 reflect concepia original a HTML c un limbaj de marcare independent de obiectele existente pentru aezarea lor n pagin, n loc de a specifica exact cum ar trebui s arate acestea. Dac dorii s fii siguri c toi vizitatorii vor vedea paginile aa cum trebuie, folosii tagurile HTML 2.0. Specificaia HTML 3.0, enunat n 1995, a ncercat s dezvolte HTML 2.0 prin adugarea unor faciliti precum tabelele i un mai mare control asupra textului din jurul imaginilor. Dei unele din noutile HTML 3.0 erau deja folosite de autorii de browsere, multe nu erau nc. n unele cazuri, taguri asemntoare implementate de autorii de browsere au devenit mai rspndite dect tagurile "oficiale".

Specificaia HTML 3.0 acum a expirat, deci nu mai este un standard oficial. n Mai 1996, W3C a scos pe pia a specificaia HTML 3.2 , care era proiectat s reflecte i s standardizeze practicile acceptate la scar larg. Deci, HTML 3.2 include tagurile HTML 3.0 ce erau adoptate de autorii de browsere c Netscape i Microsoft plus extensii HTML rspndite. n Bilanul asupra HTML, W3C recomand c providerii de informaii s utilizeze specificaia HTML 3.2. Versiunile curente ale majoritii browserelor ar trebui s suporte toate, sau aproape toate aceste taguri. De asemenea exist extensii Netscape i Microsoft care nu fac parte din specificaia HTML 3.2, ori pentru c sunt mai puin utilizate, ori au fost omologate dup apariia HTML 3.2. Pentru c navigatorul Netscape a fost printre primele browsere care suporta anumite taguri HTML 3.0, iar Netscape deine n jur de 70% din piaa de browsere, muli au crezut eronat c toate extensiile Netscape (incluznd taguri ca i faciliti ca ferestrele) fac parte din HTML 3.0 sau HTML 3.2. La momentul apariiei acestui tutorial, HTML 4.0 este larg utilizat i au fost deja publicate specificaiile HTML 4.01. Documentele HTML sunt documente n format ASCII i prin urmare pot fi create cu orice editor de texte. Au fost ns dezvoltate editoare specializate care permit editarea ntr-un fel de WYSIWYG dei nu se poate vorbi de WYSIWYG atta vreme ct navigatoarele afieaz acelai document oarecum diferit, n funcie de platforma pe care ruleaz. Au fost de asemenea dezvoltate convertoare care permit formatarea HTML a documentelor generate ( i formatate ) cu alte editoare. Evident conversiile nu pot pstra dect parial formatrile anterioare deoarece limbajul HTML este nc incomplet

02. Primii pai

TAGURI DE BAZA Orice document HTML ncepe cu notaia <html> i se termin

cu notaia </html>. Aceste "chestii" se numesc n literatura de specialitate "TAG-uri". Prin convenie, toate informaiile HTML ncep cu o parantez unghiular deschis " < " i se termin cu o parantez unghiular nchis " > ". Tag-urile ntre aceste paranteze transmit comenzi ctre browser pentru a afia pagina ntr-un anumit mod. Unele blocuri prezint delimitator de sfrit de bloc, n timp ce pentru alte blocuri acest delimitator este opional sau chiar interzis. ntre cele dou marcaje <html> i </html> vom introduce dou seciuni: - seciunea de antet <head>...</head> i - corpul documentului <body>...</body>. Blocul <body>...</body> cuprinde coninutul propriu-zis al paginii HTML, adic ceea ce va fi afiat n fereastra browser-ului. O etichet poate fi scris att cu litere mici, ct i cu litere mari. Adic <HTML> = <HtmL> = <html>. Caracterele "spaiu" i "CR/LF" ce apar ntre etichete sunt ignorate de ctre browser. Deci un prim document HTML ar fi ceva de genul asta: <html> <head> </head> <body> </body> </html> n primul rnd, titlul unei pagini se ob ine insernd n seciunea <head>...</head> a urmtoarei linii: <title>Aceasta este prima mea pagin de Web</title> n plus, n seciunea <body>...</body> putem scrie texte ct dorim. Dac nu ntlnim nici un marcaj < sau > atunci interpretorul HTML le va lua c texte simple i le va afia pe ecran. S vedem o nou versiune a paginii noastre: <html> <head> <title>Aceasta este prima mea pagin de Web</title> </head> <body>

Bine ai venit n pagina mea de Web! </body> </html> TITLUL PAGINII Coninutul blocului <title>...</title> va aprea n bara de titlu a ferestrei browser-ului. Dac acest bloc lipsete ntro pagin HTML, atunci n bara de titlu a ferstrei browser-ului va aprea numele fiierului. Dac introducem mai multe linii ntr-o pagin browser-ul va afia ntr-un singur rnd, ntruct caracterele " CR/LF " sunt ignorate de browser. Trecerea pe o linie nou se face la o comand explicit, care trebuie s apar n pagina html. INTRERUPERE DE LINIE Aceast comand este marcajul <br> ( de la " line break " - ntrerupere de linie ). Folosind aceleai operaii c mai sus, vizualizai noua pagin! Vei vedea textul ce apare n fereastra navigatorului. n plus, pagina dvs. va avea un titlu nou, cel introdus de dvs. <html> <head> <title> titlul paginii</title> </head> <body> Bine ai venit n <br> pagina mea de Web! </body> </html> BLOCURI PREFORMATATE Pentru c browser-ul s interpreteze corect caracterele " spaiu ", " tab " i " CR/LF " ce apar n cadrul unui text, acest text trebuie inclus ntr-un bloc <pre>...</pre>. <html> <head> <title>bloc preformatat </title> </head> <body><pre> Prima linie

A doua linie A treia linie </pre></body> </html> CULOARE DE FOND O culoare poate fi precizat n doua moduri: Printr-un nume de culoare. Sunt disponibile cel puin 16 nume de culori: aqua, black, fuchsia, gray, green lime, maroon, navy, olive, purple, red, silver, teal, white i yellow. Prin construcia " #rrggbb " unde r (red), g (green), sau b (blue) sunt cifre hexazecimale i pot lua valorile: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, A, b, B, c, C, d, D, e, E, f, F; se pot defini astfel 65536 de culori. Culoarea unei pagini se precizeaz prin intermediul unui atribut al etichetei <body>. Culoarea fondului paginii Web se stabilete cu atributul bgcolor al etichetei <body>, de exemplu: <body bgcolor = culoare>. Urmtorul exemplu realizeaz o pagin cu fondul de culoare gri. <html> <head> <title>culoare de fond </title> </head> <body bgcolor=gray> O pagin Web cu fondul GRI! </body> </html> CULOAREA TEXTULUI Acest lucru se face prin intermediul atributului text al etichetei <body> dup sintaxa <body text=culoare>. n urmtorul exemplu textul are culoarea roie. <html> <head> <title>culoare textului </title> </head> <body text=red>

Un text de culoare roie. </body> </html> ETICHETA O etichet poate avea mai multe atribute. De exemplu, o etichet cu trei atribute arat astfel: <eticheta atribut1 = valoare1 atribut2 = valoare2 atribut3 = valoare3>. Urmtorul exemplu prezint o pagin cu fondul de culoare albastr i textul de culoare galben. <html> <head> <title>atribute multiple </title> </head> <body bgcolor=blue text=yellow> Fond de culoare albastr i text de culoare galben. </body> </html> Textul afiat este caracterizat de urmtoarele atribute: Mrime ( size), Culoare (color) Font (style). Acestea sunt atribute ale etichetei <basefont>. Este o etichet singular (fr delimitator de sfrit de bloc). <basefont size = numr color = culoare style = font> unde: numr - poate fi 1, 2, 3, 4, 5, 6 sau 7; ( 1 pentru fontul cel mai mic i 7 pentru fontul cel mai mare); culoare - este o culoare precizat prin nume sau printr-o construcie RGB; font - poate fi un font generic c " serif ", " san serif ", " cursive ", " monospace ", "fantasy " sau un font specific instalat pe calculatorului clientului, c " Times New Roman ", " Helvetica " sau " Arial ".Se accept c valoare i o lista de fonturi separate prin virgul, de exemplu: " Times New Roman, serif, monospace ". Domeniul de valabilitate al caracteristicelor precizate de aceast etichet se ntinde de la locul n care apare eticheta pn la

sfritul paginii sau pn la urmtoarea etichet <basefont>. Dac acest atribut lipsete atunci textul din pagina Web are atribute prestabilite sau atribute precizate de browserul utilizat. Atributele prestabilite sunt: size = 3, color = black, i style = " Times New Roman " . Poziionarea coninutului paginii Web fa de marginile ferestrei browserului se poate face cu ajutorul a dou atribute ale etichetei <body>: leftmargin ( stabilete distana dintre marginea stng a ferestrei browserului i marginea stng a coninutului paginii ); topmargin ( stabilete distana dintre marginea de sus a ferestrei browserului i marginea de sus a coninutului paginii ); <html> <head> <title>Configurarea textului i stabilirea marginii </title> </head> <body leftmargin="100" topmargin="50"> Textul are atribute implicite. <br><basefont style="Arial" color="blue" size="6"> Textul este scris cu fontul "Arial", culoare albastru i marime 6. </body> </html> STILURILE PENTRU BLOCURILE DE TEXT Pentru c un bloc de text s apar n pagin evideniat (cu caractere aldine), trebuie inclus ntre delimitatorii <b>...</b> ( b vine de la "bold" = indraznet ). Pentru c un text s fie scris cu carcatere mai mari cu o unitate dect cele curente acesta trebuie inclus ntr-un bloc delimitat de etichetele <big>...</big>. Pentru c un text s fie scris cu carcatere mai mici cu o unitate dect cele curente acesta trebuie inclus ntr-un bloc delimitat de etichetele <small>...</small>. Pentru c un text s fie scris cu carcatere cursive acesta

trebuie inclus ntr-un bloc delimitat de etichetele <i>...</i> ( i vine de la " italic "). Pentru a insera secvente de text aliniate c indice (sub-script) sau c exponent (super-script), aceste fragmente t rebuie delimitate de etichetele _..., respectiv ^.... Pentru a insera un bloc de caractere subliniate se utilizeaza etichetele <u>...</u> (u vine de la " underline "). Pentru a insera un bloc de caractere subliniate se utilizeaza etichetele <strike>...</strike> sau <s>...</s>. STILURI FIZICE I LOGICE Am prezentat deja 8 stiluri de scriere a caracterelor unui bloc de text, numite i stiluri fizice ntruct nu s-a acordat nici o atenie semnificaiei informaiei coninute de aceste blocuri. n continuare sunt prezentate stilurile utilizate la formatarea unui bloc. Aceste stiluri tin cont de semnificatia pe care o are blocul n cadrul paginii Web. Pentru a pune n evidenta ( prin silul cursiv ) fragmente de text se utilizeaza etichetele: <cite>...</cite> ( " cite " inseamna citat); <em>...</em> (em vine de la " emphasize " = a evidentia). n locul lor se poate utiliza eticheta echivalenta <i>...</i>. Urmatoarele etichete au efecte similare.Ele permit scrierea fragmentului de text cu caractere monospatiate ( de tipul celor folosite de o masina de scris ): <code>...</code> ( " code " inseamna cod sau sursa); <kbd>...</kbd> ( kbd vine de la " keyboard " = tastatura); <tt>...</tt> ( tt vine de la " teletype " = teleprinter). Eticheta de tip bloc <blink>...</blink> delimiteaz fragmenete de text clipitoare. Aceasta eticheta functioneaza numai n browserul Netscape Communicator. Exemplul urmtor ilustreaz c etichetele pot fi imbricate. un fragment de text poate fi scris cu aldine i cursive n aceli timp; pentru un fragment de text se pot folosi simultan stilurile subliniat, exponent, mrit i cursiv. Blocul <q>...</q> permite inserarea n-line a citatelor.Aceste citate sunt afisate de ctre browser cu caractere cursive. " q " vine de la " n-line quotation " (citate inserate n-line);

i blocurile " q " pot fi imbricate.

03. Fonturi
Un font este caracterizat de urmtoarele atribute: culoare (stabilit prin atributul color); tipul sau stilul (stabilit prin atributul face); mrimea (definit prin atributul size); mrimea n puncte tipografice (stabilit prin atributul point-size); grosime (definit prin atributul weight). Toate aceste atribute aprin etichetei, care permite inserarea de blocuri de texte personalizate. Culori O culoare poate fi precizata n doua moduri: 1. printr-un nume de culoare. 2. printr-o constant conform standardului de culoare RGB (Red, Green,Blue). O astfel de constant se formeaz astfel: #rrggbb, unde r, g i b sunt cifre hexazecimale Culorea fontului Pentru a scrie un fragment de text cu caractere de o anumit culoare se ncadreaz acest fragment ntre delimitatorii ... avnd stabilit atributul color la valoarea necesar. De exemplu: fragment de text de culoare rosie Familia de fonturi Pentru a scrie un text ntr-o pagin pot fi folosite mai multe fonturi (stiluri de caractere). Exist cinci familii generice de fonturi care sunt de regul disponibile pe toate calculatoarele utilizatorilor: serif, sans serif, cursive, monospace i fantasy. Tipul de font necesar poate fi stabilit prin atributul face al etichetei. Pot fi introduse mai multe fonturi separate prin virgul. n acest caz browserul va utiliza primul font pe care l cunoate.

Marimea fontului Pentru a stabili mrimea unui font se utilizeaz atributul size al etichetei. Valorile acestui atribut pot fi: 1, 2, 3, 4, 5, 6, 7 ( 1 pentru cel mai mic font i 7 pentru cel mai mare); +1, +2, etc. pentru a mari dimensiunea fontului cu 1, 2, etc. fa de valoarea curent; -1, -2, etc. pentru a micsora dimensiunea fontului cu 1, 2, etc. fata de valoarea curenta. Mrimea unui font poate fi stabilit exact cu ajutorul atributului point-size. Valorile acceptate de acest atribut pot fi orice numere naturale pozitive.Numrul astfel precizat reprezint mrimea fontului n puncte tipografice. Acest atribut functioneaz numai cu Netscape Communicator. Grosimea fontului Grosimea unui caracter poate fi definit cu ajutorul atributului weight al etichetei. Valorile posibile pentru acest atribut sunt 100, 200, 300, 400, 500, 600, 700, 800 i 900 (100 pentru fontul cel mai subire i 900 pentru cel mai gros).

04. Blocuri de text

Aceste etichete nu se refer la particularitiile caracterelor ce compun textul, ci la funciile pe care le poate avea un bloc de text n cadrul paginii Web. Toate aceste etichete produc automat trecerea la un rnd nou i adaugarea unui spaiu suplimentar. Inserarea unei adrese Dac ntr-o pagina web trebuie inclus o adresa, atunci putem utiliza facilitile oferite de o eticheta dedicat: <address>...</address>. <html> <head>

<title> Adresa</title> </head> <body> Adresa institutiei noastre este :<address> Colegiul Universitar<br> Str: Victor Babes , Nr:62/A <br> Baia Mare Romania </address> </body> </html> Indentarea unui bloc Pentru c un bloc de text s fie indentat ( marginea din stnga a textului s fie deplasat la dreapta la o anumit distan fa de marginea paginii ), acesta trebuie inclus ntre etichetele <blockquote>...</blockquote>. Textul ce urmeaz este indentat:<blockquote> Aceste etichete nu se refer la particularitiile caracterelor ce compun textul, ci la funciile pe care le poate avea un bloc de text n cadrul paginii Web. Toate aceste etichete produc automat trecerea la un rnd nou i adaugarea unui spaiu suplimentar. Blocul preformatat ntr-un bloc <pre>...</pre>, semnificaia marcajelor HTML se pstreaz. Blocul <pre>...</pre> este indicat pentru a insera rnduri vide ( spaiu ntre rndurile succesive ). Caracterul " spaiu " poate fi luat n considerare de browser dac este inserat explicit prin &nbsp;. ntr-un fiier HTML, caracterele "<" i ">" au o semnificaie special pentru browser. Ele ncadreaz comenzile i atributele de afiare a elementelor ntr-o pagin. Dac dorim ca un fragment de text s conin astfel de caractere, acest fragment trebuie ncadrat de una dintre perechile de etichete: <xmp>...</xmp> ( 80 de caractere pe rnd ); <listing>...</listing> ( 120 de caractere pe rnd ). Aceste marcaje interpreteaz corect caracterele " spaiu ", " eticheta " i "CR/LF ". Textul afiat n pagin este monospaiat.

Blocuri paragraf Cu ajutorul etichetei paragraf <p> este posibil trecerea la o linie nou i permite: inserarea unui spaiu suplimentar nainte de blocul paragraf; inserarea unui spaiu suplimentar dup blocul paragraf, dac se folosete delimitatorul </p> (acesta fiind opional); alinierea textului cu ajutorul atributului align, avnd valorile posibile " left ", " center " sau " right ". <p align="center"> Paragraf aliniat n centru. Blocuri de titlu ntr-un text titlurile ( headers ) de capitole pot fi introduse cu ajutorul etichetelor <h1>. <h2>, <h3>, <h4>, <h5>, <h6>. Toate aceste etichete se refer la un bloc de text i trebuie nsoite de o etichet de ncheiere similar. Aceste etichete accept atributul align pentru alinierea titlului blocului de text la stnga (n mod prestabilit ) , n centru i la dreapta. Tag-ul <h1> permite scrierea unui titlu cu caractere mai mari i aldine, pe cnd <h6> folosete caracterele cele mai mici. Linii orizontale ntr-o pagin Web pot fi inserate linii orizontale.acest lucru se face cu ajutorul etichetei <hr>. Pentru a configura o linie orizontal se utilizeaz urmtorele atribute ale etichetei <hr>: align permite alinierea liniei orizontal. Valorile posibile sunt " left " ," center " i " right "; width permite alegerea lungimii liniei; size permite alegerea grosimii liniei; noshade cnd este prezent definete o linie fr umbr; color permite definirea culorii liniei. Blocuri <center> Blocul introdus de etichetele <center>...</center> aliniaz centrat toate elementele pe care le conine. <html> <head>

<title> Linii orizontale</title> </head> <body> <center> <hr width=10%> <hr width=40%> <hr width=70%> <hr width=100%> <hr width=70%> <hr width=40%> <hr width=10%> </center> </body> </html> Blocuri <nobr> Blocul de text cuprins ntre etichetele <nobr>...</nobr> va fi afiat pe o singur linie. <html> <head> <title> Blocul <nobr></title> </head> <body> <nobr> O singur linie.</nobr> </body> </html> Blocuri <div> Modalitatea cea mai eficient de delimitare i de formatare a unui bloc de text este folosirea delimitatorilor <div>...</div>. Un parametru foarte foarte util pentru stabilirea caracteristicilor unui bloc <div> ( diviziune ) este align ( aliniere ). Valorile posibile ale acestui parametru sunt: " left " ( aliniere la stnga ); " center " ( aliniere central ); " right " ( aliniere la dreapta ). Un bloc <div>...</div> poate include alte subblocuri. n acest caz , alinierea precizat de atributul align al blocului are efect asupra tuturor subblocurilor incluse n blocul <div>; Un bloc <div>...</div> admite atributul " nowrap " care interzice ntreruperea rndurilor de ctre browser. <html> <head> <title> Blocul <div></title>

</head> <body> Aceast linie este o linie normal.Urmtorul bloc este aliniat la dreapta. <div align="right"> O singura linie.<br> </div> <div align="center"> Bloc aliniat pe centru.<br> </div> </body> </html>

05. Imagini
Imaginile sunt stocate n fiiere cu diverse formate. Formatele acceptat de browsere pentru fiierele imagine sunt: GIF (Graphics Interchange Format) cu extensia .gif; JPEG (Joint Photographic Experts Group) cu extensia .jpeg sau .jpg; XPM (X PixMap) cu extensia .xmp; XBM (X BitMap) cu extensia .xbm; BMP (BitMap) cu extensia .bmp (numai cu Internet Explorer); TIFF (Tagged Image File Format) cu extensia .tif sau .tiff; Cele mai rspndite formate sunt GIF(8biti pentru o culoare, 256 culori posibile) i JPEG (24bii pentru o culoare, 16777216 de culori posibile). Adresa URL a unei imagini URL ( "Uniform Resourse Locator" = identificator unic al resursei ) este un standard folosit n identificarea unic a unei resurse n Internet. Toate imaginile cu care vom lucra vor avea adresa URL exprimat n funcie de directorul ce conine documentul HTML care face referire la imagine. Pentru a insera o imagine ntr-o pagin, se utilizeaz eticheta (de la "image"=imagine). Pentru a putea fi identificat imaginea care va fi inserat, se utilizeaz un atribut al etichetei i anu me src (de la "source"=sursa). Dac imaginea se afl n acelai director cu fiierul HTML care face referire la imagine, atunci adresa URL a

imaginii este format numai din numele imaginii, inclusiv extensia. Chenarul i dimensionarea unei imagini Dac dorii s adaugai un chenar n jurul imaginii, folosii atributul border al etichetei . Valorile acestor atribute sunt numere ntregi pozitive. O imagine are anumite dimensiuni pe orizontal i vertical, stabilite n momentul crerii ei. Dac nu se cere altfel , aceste dimensiuni sunt respectate n momentul afirii ei n pagina Web. Dimensiuniile prestabilite ale unei imagini pot fi modificate prin intermediul atributelor width i height. Alinierea unei imagini Alinierea unei imagini se poate face prin intermediul atributului align care poate lua urmtorele valori: " left " - aliniere la stnga; celelalte componente sunt dispuse n partea dreapt; " right " - aliniere la dreapta; celelalte componente sunt dispuse n partea stnga; " top " - aliniere deasupra; partea de sus a imaginii se aliniaz cu partea de sus a textului ce precede imaginea; " middle " - aliniere la mijloc; mijlocul imaginii se aliniaz cu linia de baz a textului ce precede imaginea. " bottom " - aliniere la baz; partea de jos a imaginii se aliniaz cu linia de baz a textului. Atributele hspace i vspace precizeaz distana n pixeli pe orizontal , respectiv pe vertical, dintre imagine i restul elementelor din pagin. Atributul alt admite c valoare un text care va fi afiat n locul imaginii. Imagini pentru fondul unei pagini O imagine poate fi utilizat pentru a stabili fondul unei pagini Web. n acest scop se folosete atributul background al etichetei, avnd c valoare adresa URL a imaginii. Imaginea se multiplic pe orizontal i pe vertical pn umple ntregul ecran

Imagini folosite ca legturi O legtura (link) introduce n pagina Web o zon activ. Efectund click cu butonul mouse-ului pe aceast zon n browser se va ncrca o alt pagin. n mod prestabilit imaginea utilizat pe post de zona activ este nconjurat de un chenar avnd culoarea unei legturi. Dac stabilim pentru atributul border al etichetei 0 acest chenar dispare. Utilizri speciale ale imaginilor Imaginile pot fi utilizate pentru a obine efecte deosebite ntr-o pagin web. Printre aceste utilizri speciale putem enumera: - Linii orizontale formate cu ajutorul imaginilor . - Simboluri speciale pentru elementele unei liste neordonate

06. Legturi
Legturile (link-urile) reprezint partea cea mai important a unei pagini Web. Ele transform un text obinuit n hipertext sau hiperlegtur, care permite trecerea rapid de la o informaie aflat pe un anumit server la alt informaie memorat pe un alt server aflat oriunde n lume. Legturile sunt zone active ntr-o pagin Web, adic zone de pe ecran sensibile la apsarea butonului stng al mouse-ului. O legtura ctre o pagin aflat n acelai director. O legtur ctre o pagin aflat n acelai director se formeaz cu ajutorul etichetei <a> (de la "anchor"=ancora). Pentru a preciza pagina indicat de legtur se utilizeaz un atribut al etichetei <a> numit href, care ia valoarea numele fiierului HTML aflat n acelai director. Zona activ care devine sensibil la apsarea butonului stng al mouse-ului este format din textul cuprins ntre etichetele <a>...</a>. Prezena etichtetei de sfrit </a> este obligatorie. Dac pagina referit se afl pe acelai disc local, dar ntr-un alt director atunci pentru a preciza poziia ei n structura de directoare se poate folosi adresarea relativ.

O legtur ctre un site particular n exemplul urmtor se utilizeaz adresa URL www.eddy.cugir.ro care ncarc pagina de start din site-ul de resurse umane. <html> <head> <title> Link ctre site-ul de resurse umane</title> </head> <body> <h3>Link ctre site-ul de resurse umane </h3> <a href="http://www.eddy.cugir.ro"> Centrul Pentru Informarea Resurselor Umane </a> </body> </html> Ancore Intr-o pagin foarte lung pot exista puncte de reper ctre care se definesc legturi. O ancor se definete de asemenea prin eticheta <a>. Pentru a defini ancora se utilizeaz atributul name care primete ca valoare un nume atribuit ancorei (de exemplu "leg1"). Pentru a insera o legtur ctre "leg1" definit n aceeai pagin se utilizeaz eticheta <a> avnd atributul href de valoare "#leg1". Pentru a introduce o legtur ctre o ancor definit n alt document (alt pagin) aflat n acelai director, atributul href primete o valoare de forma "nume_fiier.html#nume_ancora". Ancore definite prin atributul id. Atributul id este un atribut universal, adic poate fi ataat oricrui element al unei pagini Web. Acest atribut va nlocui complet atributul name, care putea fi ataat numai anumitor elemente. Atributul id primete ca valoare un nume (de exemplu "id1") care identific n mod unic un element. Atributul id poate fi utilizat pe post de ancor ntr-o pagin Web conform sintaxei: <eticheta id = "id1"> ... </eticheta> <a href = "#id1" >Link ctre elementul "id1" </a> unde "eticheta" poate fi orice element .

Alegerea culorilor pentru legturi n mod prestabilit se utilizeaz trei culori pentru legturi: o culoare pentru legturile nevizitate (nu s-a efectuat nici un clic pe ele), o culoare pentru legturile vizitate (s-a efectuat cel puin un clic pe ele), o culoare pentru legturile active (deasupra crora se afl mouse-ul la un moment dat). Aceste atribute pot fi stabilite cu ajutorul a trei atribute ale etichetei <body>: link pentru legturile nevizitate; vlink pentru legturile vizitate; alink pentru legturile active. Valorile pe care le pot lua aceste atribute sunt culori definite prin nume sau conform standardului RGB. Utilizarea potei electronice ntr-o pagin Web se poate afla legturi care permit lansarea n execuie a aplicaiei de expediere a mesajelor electronice. Pentru aceasta se utilizeaz n construcia adresei URL serviciul Internet mailto: urmat de o adresa email valid. Legturi ctre fiiere oarecare O pagin Web poate conine legturi ctre orice tip de fiiere aflate pe orice servere din Internet. Pentru aceasta se utilizeaz eticheta <a> avnd valoarea atributului href egal cu adresa URL a fiierului destinaie. Atunci cnd se efectueaz clic pe legtura din exemplul urmtor browserul va deschide o caseta de dialog - File download - care va permite: s salvai pe discul local fiierul, s lansai n execuie aplicaia capabil s interpreteze corect fiierele de tipul respectiv <html> <head> <title> Legaturi ctre fiiere oarecare</title> </head> <body> <h3>Legaturi ctre fiiere oarecare</h3><br> <a href="fiier.zip"> Link ctre fiierul fiier.zip </body>

</html> Atributul title Atributul title aparine etichetei <a> i comand apariia unei mici ferestre n pagin Web cnd mouse-ul se afl pe o legatur, fereastr n care este afiat valoarea dat acestui atribut. Acest atribut are astfel menirea de a furniza informaii suplimentare despre semnificaia unei legturi. Legturi ctre fiiere de sunet Sunetele pot fi stocate n fiiere n diverse formate: AU/m-law cu extensia .au; AIFF/AIFC cu extensiile .aiff, .aif; WAVE/WAV cu extensia .wav; MPEG Audio cu extensia .mpeg2, sau .mp2; MIDI cu extensia .mid sau .midi; O legtur ctre un fiier de sunet se realizeaz folosind eticheta <a> destinat legturilor ctre orice tip de fiiere, unde atributul href va avea valoarea egal cu adresa URL a fiierului de sunet. De exemplu: <a href="numefiier.au">Link ctre fiierul de sunet</a> Legturi ctre fiiere videoclipuri Videoclipurile sunt stocate n fiiere diverse formate.Formatele i extensiile corespunazatoare pentru fiierele utilizabile n paginile Web sunt urmatoarele: MPEG cu extensia .mpeg sau mpg; QuickTime cu extensia .mov; AVI cu extensia .avi. O legtur ctre un fiier de sunet se realizeaza folosind eticheta <a> destinata legturilor ctre orice tip de fiiere, unde atributul href va avea valoarea egala cu adresa URL a fiierului videoclip. De exemplu: <a href="numefiier.avi">Link ctre fiierul videoclip</a>

07. Liste

Unul din cele mai obinuite elemente din documentele cu mai multe pagini este un set de definiii, referine sau indexuri. Glosarele sunt exemple clasice n acest sens; cuvintele sunt listate n ordine alfabetic, urmate de definiii ale termenilor respectivi. n HTML, ntreaga seciune a unui glosar va fi gestionat printr-o list de definiii, care este inclus ntr-o pereche de marcaje de lista de definiii: <dl>...</dl> (de la "definition list" = lista de definiii). Liste neordonate O list neordonat este un bloc de text delimitat de etichetele corespondente <ul>...</ul> (" ul " vine de la " unordered list " = lista neordonat). Fiecare element al listei este iniiat de etichet <li> (list item). Lista va fi indentat fa de restul paginii Web i fiecare element al listei ncepe pe un rnd nou. <html> <head><title>listex_2</title></head> <body><h1 align=center>O lista neordonata</h1><hr> Glosar de termeni de World Wide Web <ul>Culori uzuale disponibile prin nume <li>Black <li>White <li>Red <li>Green <li>Blue <li>Yellow <li>Purple <li>Aqua </ul> </body> </html> Tag-urile <ul> i <li> pot avea un atribut type care stabilete caracterul afiat n faa fiecrui element al listei. Valorile posibile al acestui atribut sunt: "circle" (cerc) "disc" (disc plin) (valoarea prestabilita); "square" (patrat) Listele neordonate pot fi imbricate pe mai multe niveluri <html> <head><title>listex_3</title></head> <body><h1 align=center>O lista neordonata de liste neordonate</h1><hr> Glosar de termeni de World Wide Web <ul>Elemente i atribute a unei pagini HTML <li>Frameset <ul>Atribute: <li>cols <li>rows <li>border

</ul> <li>Frame <ul>Atribute: <li>src <li>name <li>scrolling </ul> </ul> </body> </html> Liste ordonate O lista ordonat de elemente este un bloc de text delimitat de etichetele corespondente <ol>...</ol> (" ol " vine de la " ordered list " = list ordonat). Fiecare element al listei este iniiat de etichet <li> (list item). Lista va fi indentat fa de restul paginii Web i fiecare element al listei ncepe pe un rnd nou. <html> <head><title>listex_4</title></head> <body><h1 align=center>O lista ordonata</h1><hr> <ol>Culori uzuale disponibile prin nume <li>Black <li>White <li>Red <li>Green <li>Blue <li>Yellow <li>Purple <li>Aqua </ol> </body> </html> Tag-urile <ol> i <li> pot avea un atribut type care stabilete tipul de caractere utilizate pentru ordonarea listei.Valorile posibile sunt: " A " pentru ordonare de tipul A , B , C , D etc. ( litere mari ); " a " pentru ordonare de tipul a , b , c , d etc. ( litere mici ); " I " pentru ordonare de tipul I , II , III , IV etc. ( cifre romane mari ); " i " pentru ordonare de tipul i , ii , iii , iv etc. ( cifre romane mici ); " 1 " pentru ordonare de tipul 1 , 2 , 3 , 4 etc. ( cifre arabe - optiune prestabilita ); O list de meniuri este un bloc delimitat de etichete corespondente <menu>...</menu>. Fiecare element al listei este iniiat de etichet <li> ( list item ). Cele mai multe browsere afieaz lista de meniuri ca pe o list neordonat. O list de directoare este un bloc delimitat de etichete corespondente <dir>...</dir> (de la " director "). Fiecare element al listei este iniiat de etichet <li> ( list item ). Cele

mai multe browsere afieaz lista de directoare ca pe o list neordonat. (Nu se recomand utilizarea acestori tipuri de liste). Utilizri speciale ale listelor Dac ntr-o list, n loc de elementele acesteia introduse prin <li>, se insereaza un bloc de text, acesta va fi indentat ( ntocmai ca elementele unei liste).

08. Tabele
Tabelele ne permit s cream o reea dreptunghiular de domenii, fiecare domeniu avnd propriile opiuni pentru culoarea fondului, culoarea textului, alinierea textului etc. Pentru a insera un tabel se folosesc etichetele corespondente <table>...</table>. Un tabel este format din rnduri. Pentru a insera un rnd ntr-un tabel se folosesc etichetele <tr>...</tr> ( de la " table row "= rnd de tabel ).Folosirea etichetei de sfrit </tr> este opional. Un rnd este format din mai multe celule ce conin date.O celul de date se introduce cu eticheta <td>..</td>. <html> <head><title>tabelex_1</title></head> <body><h1 align=center>Un tabel simplu format din 4 linii i 2 coloane</h1><hr> <table> <tr> <td>cell 11 <td>cell 11 <tr> <td>cell 21 <td>cell 22 <tr> <td>cell 31 <td>cell 32 <tr> <td>cell 41 <td>cell 42 </table> </body> </html> n mod prestabilit, un tabel nu are chenar. Pentru a aduga un chenar unui tabel, se utilizeaz un atribut al etichetei <tabel> numit border. Acest atribut poate primi ca valoare orice numr ntreg ( inclusiv 0 ) i reprezint grosimea n pixeli a chenarului tabelului. Dac atributul border nu este urmat de o valoare atunci tabelul va avea o grosime prestabilit egal cu 1 pixel, o valoare egal cu 0 a grosimii semnific absena

chenarului. Cnd atributul border are o valoare nenul chenarul unui tabel are un aspect tridimensional. <html> <head><title>tabelex_2</title></head> <body><h1 align=center>Un tabel simplu cu chenar</h1><hr> <table border="4"> <tr> <td>cell 11 <td>cell 11 <tr> <td>cell 21 <td>cell 22 <tr> <td>cell 31 <td>cell 32 <tr> <td>cell 41 <td>cell 42 </table> </body> </html> Alinierea tabelului Pentru a alinia un tabel ntr-o pagin Web se utilizeaz atributul align al etichetei <table>, cu urmtoarele valori posibile: " left " ( valoarea prestabilit ), " center " i "right ". Alinierea este important pentru textul ce nconjoar tabelul. Astfel : dac tabelul este aliniat stnga ( <table align="left"> ), atunci textul care urmeaz dup punctul de inserare al tabelului va fi dispus n partea dreapt a tabelului. dac tabelul este aliniat dreapta ( <table align="right"> ), atunci textul care urmeaz dup punctul de inserare al tabelului va fi dispus n partea stnga a tabelului; dac tabelul este aliniat pe centru ( <table align="center"> ), atunci textul care urmeaz dup punctul de inserare al tabelului va fi afiat pe toat limea paginii, imediat sub tabel. Distana dintre tabel i celelalte elemente din pagina Web poate fi stabilit cu ajutorul atributelor hspace i vspace al etichetei <table>. Valoarea atributului hspace poate fi orice numr pozitiv, inclusiv 0, i reprezint distana pe orizontal dintre tabel i celelalte elemente ale paginii Web. Valoarea atributului vspace poate fi orice numr pozitiv, inclusiv 0, i reprezint distana pe vertical dintre tabel i celelalte elemente ale paginii Web. Aceste atribute funcioneaz

numai cu Netscape Communicator. Definirea culorilor de fond pentru un tabel Culoarea de fond se stabileste cu ajutorul atributului bgcolor, care poate fi ataat ntregului tabel prin eticheta <table>, unei linii prin eticheta <tr> sau celule de date prin eticheta <td>. Valorile pe care le poate primi bgcolor sunt cele cunoscute pentru o culoare. Dac n tabel sunt definite mai multe atribute bgcolor, atunci prioritatea este urmtoarea: <td>, <tr>, <table> ( cu prioritate cea mai mic ). <html> <head><title>tabelex_4</title></head> <body><h1 align=center>Un tabel simplu colorat</h1><hr> <table border="3" bgcolor="green"> <tr> <td>verde 11 <td bgcolor="red">rosu 11 <tr bgcolor="blue"> <td>albastru 21 <td bgcolor="yellow">galben 22 <tr bgcolor="cyan"> <td>cell 31 <td>cell 32 <tr> <td>cell 41 <td bgcolor="white">cell 42 </table> </body> </html> Culoarea textului din fiecare celul se pote stabili cu ajutorul expresiei: <font color="valoare">...</font>. Dimensionarea celulei unui tabel Distana dintre dou celule vecine se definete cu ajutorul atributului cellspacing al etichetei <table>.Valorile acestui atribut pot fi numere ntregi pozitive, inclusiv 0, i reprezint distana n pixeli dintre dou celule vecine. Valorea prestabilit a atributului cellspacing este 2. <html> <head><title>tabelex_5</title></head> <body><h1 align=center>Un tabel far chenar de celule alipite</h1><hr> <table cellspacing="0"> <tr> <td bgcolor="gray">gri 11 <td bgcolor="red">rosu 12 <tr bgcolor="blue"> <td>albastru 21 <td bgcolor="yellow">galben 22

</table> </body> </html> Distana dintre marginea unei celule i coninutul ei poate fi definit cu ajutorul atributului cellpadding al etichetei <table>.Valorile acestui atribut pot fi numere ntregi pozitive, i reprezint distana n pixeli dintre celule i continutul ei. Valorea prestabilit a atributului cellpadding este 1. <html> <head><title>tabelex_6</title></head> <body><h1 align=center>Un tabel de celule mari</h1><hr> <table border cellpadding="20"> <tr> <td>gri 11 <td>rosu 12 <tr> <td>albastru 21 <td>galben 22 </table> </body> </html> Dimensionarea unui tabel Dimensiunile unui tabel - limea i nlimea - pot fi stabilite exact prin intermediul a dou atribute , width i height, ale etichetei <table>. Valorile acestor atribute pot fi: numere ntregi pozitive reprezentnd limea respectiv nlimea n pixeli a tabelului; numere ntregi ntre 1 i 100, urmate de semnul %, reprezentnd fraciunea din limea i nlimea total a paginii. <html> <head><title>tabelex_7</title></head> <body><h1 align=center>Un tabel de de 200 pixeli X 50 %</h1><hr> <table border width="200" height="50%"> <tr> <td>cell 11 <td>cell 12 <tr> <td>cell 21 <td>cell 22 </table> </body> </html> n exemplul urmtor se utilizeaz un truc care permite afiarea ntr-o pagin Web a unui text poziionat n centrul paginii. <html>

<head><title>tabelex_8</title></head> <body><h1 align=center>Un text centrat ntr-o pagina</h1> <table width="100%" height="100%"> <tr> <td align="center"> <h2>Text centrat.</h2> </table> </body> </html> Titlul unui tabel Unui tabel i se poate ataa un titlu cu ajutorul etichetei <caption> ( de la "table caption" = titlu tabel ). Aceast etichet trebuie plasat n interiorul etichetelor <table>...</table>, dar nu n interiorul etichetelor <tr> sau <td> Titlul unui tabel poate fi aliniat cu ajutorul atributului align al etichetei <caption> care poate lua una di ntre valorile: " bottom " ( sub tabel ); " top " ( deasupra tabelului ); " left " ( la stnga tabelului ); " right " ( la dreapta tabelului ). Cap de tabel Un tabel poate avea celule cu semnificaia de cap de tabel. Aceste celule sunt introduse de eticheta <th> ( de la " tabel header " = cap de tabel ) n loc de <td>. Toate atribute care pot fi ataate etichetei <td> pot fi de asemenea ataate etichetei <th>. Coninutul celulelor definite cu <th> este scris cu caractere aldine i centrat. Alinierea coninutului unei celule Alinierea pe orizontal a coninutului unei celule se face cu ajutorul atributului align care poate lua valorile: " left " ( la stnga ); " center " ( centrat , valoarea prestabilita ); " right " ( la dreapta ); " char " ( alinierea se face fata de un caracter ). Alinierea pe vertical a coninutului unei celule se face cu ajutorul atributului valign care poate lua valorile: " baseline " ( la baza );

" bottom " ( jos ); " middle " ( la mijloc, valoarea prestabilita ); " top " ( sus ). Aceste atribute pot fi ataate att etichetei <tr> pentru a defini tuturor elementelor celulelor unui rnd, ct i etichetelor <td> i <th> pentru a stabili alinierea textului ntr-o singur celula. <html> <head><title>tabelex_11</title></head> <body><h1 align=center>Un tabel avand continutul celulelor aliniate</h1> <table border width="50%" height="50%"> <tr align="right"><td>Aici <td>alinierea<td>este centru<td>dreapta <tr> <td align="left">stnga <td align="center">centru<td valign="top">sus <td valign="bottom">jos <tr align="left"><td>aici<td>alinierea <td>este centru<td>stnga (implicita) </table> </body> </html> Dimensionarea exact a celulelor unui tabel Dimensiunea unei celule de tip <td> sau de tip <th> pot fi stabilite exact cu ajutorul a dou atribute ale acestor etichete: width pentru lime i height pentru nlime. Valorile posibile ale acestor atribute sunt: numere ntregi pozitive ( inclusiv 0 ) reprezentnd dimensiunea n pixeli a limii, respectiv a nlimii unei celule; procente din limea , respectiv nlimea tabelului. Tabele de forme oarecare Un tabel trebuie privit c o reea dreptunghiular de celule.Cu ajutorul a dou atribute ale etichetelor <td> i <th>, o celula se poate extinde peste celule vecine. Astfel: extinderea unei celule peste celulele din dreapta ei se face cu ajutorul atributului colspan, a crui valoare determin numrul de celule care se unific. Extinderea unei celule peste celulele dedesubt se face cu ajutorul atributului rowspan, a crui

valoare determin numrul de celule care se unific. Sunt posibile extinderi simultane ale unei celule pe orizontal i pe vertical. n acest caz , n etichetele <td> i <th> vor fi prezente ambele atribute colspan i rowspan. Atributul " nowrap " Atributul nowrap aparine elementelor <td> i <th> ; el interzice ntreruperea unei linii de text. Astfel, n tabel pot aprea coloane cu o lime orict de mare. <html> <head><title>tabelex_14</title></head> <body><h1 align=center>Un tabel cu celule de latime mare</h1><hr> <table border> <tr> <td>cell 11 <td>cell 12 <tr> <td nowrap>cell 21 <td>cell 22 este foarte lata,aceasta celula este foaret lata. </table> </body> </html> Celule vide ale unui tabel Dac un tabel are celule vide, atunci aceste celule vor aprea n tabel fr un chenar de delimitare. n scopul de a afia un chenar pentru celule vide se utilizeaz urmtoarele trucuri: dup <td> se pune &nbsp;; dup <td> se pune <br>. Caracterul &nbsp; ( no break space ) este de fapt caracterul spaiu. Un spaiu introdus prin intermediul acestui caracter nu va fi ignorat de browser. <html> <head><title>tabelex_15</title></head> <body><h1 align=center>Un tabel cu celule vide</h1><hr> <table border> <tr> <td>cell 11 <td>cell 12<td>cell 13 <tr> <td>&nbsp;<td> <td> </table> </body> </html>

Atribute Internet Explorer pentru tabele Urmtoarele atribute ale etichetei <table> funcioneaz cu Internet Explorer 4.0 , 5.0, dar nu cu Netscape Communicator 4.5: background permite stabilirea unei imagini pentru fondul unui tabel primete ca valoare adresa URL a imaginii folosite pentru fond; bordercolor permite stabilirea culorii pentru chenarul unui tabel; bordercolorlight permite stabilirea culorii pentru chenarul 3D al unui tabel; bordercolordark permite stabilirea culorii pentru chenarul 3D al unui tabel; Grupuri de coloane Blocul <colgroup>...</colgroup> permite definirea unui grup de coloane. Atributele acceptate de <colgroup> sunt: span determin numrul de coloane dintr-un grup; width determin o lime unic pentru coloanele din grup; align determin un tip unic de aliniere pentru coloanele din grup. Exemplu: <colgroup span="3" width="100"></colgroup> ntr-un bloc <colgroup>, coloanele pot avea configurri diferite dac se utilizeaz elementul <col>, care admite atributele: span identifica acea coloan din grup pentru care se face configurarea. Dac lipsete, atunci coloanele sunt configurate n ordine; width determina o lime pentru coloana identificat prin span; align determin o aliniere pentru coloana identificat prin span. Atributele frame i rules Atributul frame al etichetei <table> permite specificarea prilor din chenarul unui tabel care vor fi afiate. Valorile posibile ale acestui atribut sunt: void - elimina toate muchiile exterioare ale tabelului; above - afieaz o muchie n partea superioar a cadrului tabelului; below - afieaz o muchie n partea inferioar a cadrului tabelului; hsides - afieaz cte o muchie n partea superioar i inferioar cadrului tabelului;

lhs - afieaz o muchie n partea din stnga a cadrului tabelului; rhs - afieaz o muchie n partea din dreapta a cadrului tabelului; vsides - afieaz o muchie n partea din stnga i din dreapta a cadrului tabelului; box - afieaz o muchie pe toate laturile cadrului tabelului; border - afieaz o muchie pe toate laturile cadrului tabelului; Atributul rules al etichetei <table>permite alegerea unor delimitatori pentru celulele unui tabel. Valorile posibile sunt: none - elimin toate muchiile interioare ale tabelului; groups - afieaz muchii orizontale ntre toate grupurile din tabel.Grupurile sunt specificate prin elementele <thead>, <tbody>, <tfoot>i <colgroup>; rows - afieaz muchii orizontale ntre toate liniile tabelului; cols - afieaz muchii verticale ntre toate coloanele tabelului; all - afieaz muchii ntre toate liniile i coloanele; <html> <head><title>tabelex_18</title></head> <body><h1 align=center>Atributele frames i rules</h1> <table width="400" frame=box rules=rows cellspacing=10> <tr> <td>cell 11 <td>cell 12<td>cell 13 <tr> <td>cell 21 <td>cell 22<td>cell 23 </table> </body> </html> Subblocurile unui tabel n specificaiile HTML 4.0, coninutul unui tabel poate fi imprit n subblocuri prin elementele: <thead><tr><td>...</thead> ( un singur rnd ); <tfoot><tr><td>...</tfoot> ( un singur rnd ); <tbody><tr><td>...</tbody> ( oricate rnduri ); ntr-un tabel exist un singur subbloc de tipul <thead> i un singur subbloc de tipul <tfoot>, dar pot exista mai multe subblocuri de tip <tbody>.

09. Ferestre n HTML

Ferestrele sau (cadrele) ne permit s definim n fereastra browserului subferstre n care s fie ncrcate documente HTML diferite. Ferestrele sunt definite ntr-un fiier HTML special , n care blocul <body>...</body> este inlocuit de blocul <frameset>...</frameset>. n interiorul acestui bloc, fiecare cadru este introdus prin eticheta <frame>. Un atribut obligatoriu al etichetei <frame> este src, care primeste c valoare adresa URL a documentului HTML care va fi ncrcat n acel frame. Definirea cadrelor se face prin mprirea ferestrelor (i a subferestrelor) n linii i coloane: mprirea unei ferestre ntr-un numr de subferestre de tip coloan se face cu ajutorul atributului cols al etichetei <frameset> ce descrie acea fereastr; mprirea unei ferestre ntr-un numr de subferestre de tip linie se face cu ajutorul atributului rows al etichetei <frameset> ce descrie acea fereastr; valoare atributelor cols i rows este o list de elmente separate prin virgul , care descriu modul n care se face mprirea. Elementele listei pot fi: un numr ntreg de pixeli; procente din dimensiunea ferestrei (numr ntre 1 i 99 terminat cu %); n* care inseamna n pri din spatiul ramas; Exemplu 1: cols=200,*,50%,* nseamn o mprire n 4 subferestre , dintre care prima are 200 pixeli , a treia ocup jumtate din spaiul total disponibil, iar a doua i a patra ocupa n mod egal restul de spaiu rmas disponibil. Exemplu 2: cols=200,1*,50%,2* nseamn o mprire n 4 subferestre , dintre care prima are 200 pixeli , a treia ocup jumatate din spaiul total disponibil iar a doua i a patra ocup n mod egal restul de spaiu rmas disponibil, care se mparte n trei pri egale , a doua fereastr ocupnd o parte , iar a patra ocupnd 2 pri. Observaii: -dac mai multe elemente din lista sunt configurate cu *, atunci spaiul disponibil rmas pentru ele se va pri n mod egal. -o subfereastr poate fi un cadru (folosind <frame>)n care se va ncrca un document HTML sau poate fi imprit la rndul ei la alte subfereste (folosind <frameset>). n exemplul urmtor este creat o pagina Web cu trei

cadre orizontale.Pentru al doilea cadru valoarea a tributului src este adresa URL a unei imagini. <html> <head><title>ferex_2</title></head> <frameset rows="100,*,10%"> <frame src="p1.html"> <frame src="x.jpg"> <frame src="p3.html"> </frameset> </html> n exemplul urmtor este creat o matrice de 4 cadre (2 x 2).Pentru a realiza acest lucru, se folosesc simultan cele dou atribute cols i rows. <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> n exemplul urmtor este creat o pagin Web cu trei cadre mixte. Pentru a o crea se procedeaz din aproape n aproape. Mai nti, pagina este mprit n dou subferestre de tip coloan, dup care a doua subfereastr este mprit n dou subferestre de tip linie. <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> Culori pentru chenarele cadrelor i dimensionarea chenarului unui cadru. Pentru a stabili culoarea chenarului unui cadru se utilizeaz atributul bordercolor. Acest atribut primete ca valoare

un nume de culoare sau o culoare definit n conformitate cu modelul de culoare RGB. Atributul bordercolor poate fi ataat att etichetei <frameset> pentru a stabili culoarea tuturor chenarelor cadrelor incluse, ct i etichetei pentru a stabili culoarea chenarului pentru un cadru individual. Atributul border al etichetei <frameset> permite configurarea limii chenarelor tuturor cadrelor la un numr dorit de pixeli. Valoarea prestabilit a atributului border este de 5 pixeli. O valoare de 0 pixeli va defini un cadru far chenar. Pentru a obine cadre fr chenar se utilizeaz border="0". n mod prestabilit, chenarul unui cadru este afiat i are aspect tridimensional. Afiarea chenarului unui cadru se poate dezactivata dac se utilizeaz atributul frameborder cu valoare "no". Acest atribut poate fi ataat att etichetei <frameset> (dezactivarea fiind valabil pentru toate cadrele incluse) ct i etichetei <frame> (dezactivarea fiind valabil numai pentru un singur cadru). Valorile posibile ale atributului frameborder sunt: "yes" -echivalent cu 1; "no" -echivalent cu 0; Bare de defilare Atributul scrolling al etichetei <frame> este utilizat pentru a adauga unui cadru o bara de derulare care permite navigarea n interiorul documentului afisat n interiorul cadrului. Valorile posibile sunt: "yes" - barele de derulare sunt adaugate ntotdeauna; "no" - barele de derulare nu sunt utilizabile; "auto" - barele de derulare sunt vizibile atunci cnd este necesar Atributul noresize al etichetei <frame> (fr nici o valoare suplimentar) dac este prezent, inhib posibilitatea prestabilit a utilizatorului de a redimensiona cadrul cu ajutorul mouse-ului. Pozitionarea documentului ntr-un cadru. Atributele marginheight i marginwidth ale etichetei <frame> permit stabilirea distanei n pixeli dintre coninutul unui cadru i marginile verticale, respectiv orizontale ale cadrului. Valori posibile: -numr de pixeli; -procent din latimea, respectiv din naltimea cadrului;

Exist browsere care nu suport cadre pentru aceasta se utilizeaz n interiorul blocului <frameset> eticheta <noframes>. Dac programul de navigare tie s interpreteze cadre, va ignora ce se gsete n aceast poriune, iar dac nu, materialul cuprins n zona <noframes>...</noframes> va fi singurul care va fi neles i afiat. De precizat este faptul c ntre <noframes> ... </noframes> se pot introduce orice alte tag-uri HTML (inclusiv imagini, hiperlink-uri, tabele). Cadre interne Un cadru intern este specificat prin intermediul blocului <iframe>...</iframe>. Un cadru intern se insereaz ntr-o pagin Web n mod asemntor cu o imagine sau n modul n care se specific marcajul <frame>, aa cum rezult din urmtorul exemplu: <iframe src="ferex_8.html" height=40% width=50%> </iframe> n acest caz, am specificat c doresc o fereastr de cadru intern care are 40%din nlimea i 50% din limea paginii curente. Atributele aceptate de eticheta <iframe> sunt n parte preluate de la etichetele <frame> i <frameset>, cum ar fi: src, border, frameborder, bordercolor, marginheight, marginwidth, scrolling, name, noresize; sau de la eticheta <img> vspace, hspace, align, width, height; inte pentru legturi n mod prestabilit, la efectuarea unui clic pe o legtur nou pagina (ctre care indic legtura) o nlocuiete pe cea curent n aceeai fereastr (acelai cadru). Acest comportament se poate schimba n dou moduri: prin plasarea n blocul <head>...</head> a unui element <base> care precizeaz, prin atributul target numele ferestrei (cadrului) n care se vor ncarc toate paginile noi referite de legturile din pagina curent conform sintaxei: <base target="nume_ferastra/frame_de_baza"> prin plasarea n etichet <a> a atributului target, care

precizeaz numele ferestrei (cadrului) n care se va ncrca pagina nou referit de legtura, conform sintaxei: <a href="legtur" target="nume_fereastra/frame">...</a> Observaie: -dac este prezent att un atribut target n <base> ct i un atribut target n <a>, atunci cele precizate d e atributul target din <a> sunt prioritare. Numele unui cadru este stabilit prin atributul name al etichetei <frame> conform sintaxei: <farme name="nume_frame"> Valori pentru atributul target Atributul target al etichetei<frame> accepta anumite valori predefinite de o valoare deosebit pentru creatorii de pagini Web, ceste valori sunt: "_self" (ncarcarea noii pagini are loc n cadrul curent); "_blank" (ncarcarea noii pagini are loc ntr-o fereastra noua anonima); "_parent" (ncarcarea noii pagini are loc n cadrul parinte al cadrului curent dac acesta exista, altfel are loc n fereastra browserului curent); "_top" (ncarcarea noii pagini are loc n fereastra browserului ce contine cadrul curent);

10. Formulare
Un formular este un ansamblu de zone active alctuit din butoane, casete de selecie, cmpuri de editare etc. Formularele v asigur construirea unori pagini Web care permit utilizatorilor s introduc efectiv informaii i s le transmit serverului. Formularele pot varia de la o simpl caset de text, pentru introducerea unui ir de caractere pe post de cheie de cutare - element caracteristic tuturor motoarelor de cautare din Web - pn la o structur complex, cu multiple seciuni, care ofer faciliti puternice de transmisie a datelor. O sesiune cu o pagin web ce conine un formular cuprinde urmtoarele etape: 1. Utilizatorul completeaz formularul i l expedieaz unui server. 2. O aplicaie dedicat de pe server analizeaz formularul

completat i (dac este necesar) stocheaz datele ntr-o baz de date. 3. Dac este necesar serverul expedieaz un rspuns utilizatorului. Un formular este definit ntr-un bloc delimitat de etichetele corespondente <form> i </form>. Atribute eseniale ale elementului <form> Exista dou atribute eseniale ale elementului <form>. 1. Atributul action precizeaz ce se va ntmpla cu datele formularului odat ce acestea ajung la destinaie. De regul ,valoarea atributului action este adresa URL a unui script aflat pe un srver WWW care primete datele formularului, efectueaz o prelucrare a lor i expedieaz ctre utilizator un rspuns. <form action="http://www.yahoo.com/cgi-bin/nume_fis.cgi">. Script-urile pot fi scrise n limbajele Perl, C, PHP, Unix shell. 2. Atributul method precizeaz metoda utilizat de browser pentru expedierea datelor formularului. Sunt posibile urmtoarele valori: get (valoarea implicita). n acest caz, datele din formular sunt adugate la adresa URL precizat de atributul action; - nu sunt permise cantiti mari de date (maxim 1 Kb) - ntre adresa URL i date este inserat un "?". Datele sunt adugate conform sintaxei: nume_cmp = valoare_cmp. Intre diferite seturi de date este introdus un "&". Exemplu: "http://www.yahoo.com/cgi-bin/nume_fis.cgi?nume1 = valoare1&nume2 = valoare2"; post n acest caz datele sunt expediate separat. Sunt permise cantiti mari de date (ordinul MB). Pentru ca un formular s fie funcional, trebuie precizat ce se va ntmpla cu el dup completarea i expediere. Cel mai simplu mod de utilizare a unui formular este expedierea acestuia prin pota electronic (e-mail). Pentru aceasta se folosete un atribut al etichetei <form>: i anume action care primete ca valoare " mailto: " concatenat cu o adresa valid de e-mail ctre care se va expedia formularul completat. Un formular cu un cmp de editare i un buton de expediere. Majoritatea elementelor unui formular sunt definite cu ajutorul etichetei <input>. Pentru a preciza tipul

elementului se folosete atributul type al etichetei <input>. Pentru un cmp de editare, acest atribut primeste valoarea "text". Alte atribute pentru un element <input> sunt: atributul name, permite ataarea unui nume fiecrui element al formularului. atributul value, care permite atribuirea unei valori ini iale unui element al formularului. Un buton de expediere al unui formular se introduce cu ajutorul etichetei <input>, n care atributul type este configurat la valoarea "submit". Acest element poate primi un nume prin atributul name. Pe buton apare scris "Submit Query" sau valoarea atributului value, dac aceast valoare a fost stabilit. Pentru elementul <input> de tipul cmp de editare (type = "text") , alte dou atribute pot fi utile: atributul size specifica limea cmpului de editare depaete aceast lime, atunci se execut automat o derulare acestui cmp; atributul maxlength specific numrul maxim de caractere pe care le poate primi un cmp de editare; caracterele tastate peste numrul maxim sunt ignorate. Observaii: -dac atributul type lipsete ntr-un element <input> , atunci cmpul respectiv este considerat n mod prestabilit ca fiind de tip "text". -formularele cu un singur cmp (de tip text) nu au nevoie de un buton de expediere, datele sunt expediate automat dup completarea i apsarea tastei ENTER. Butonul Reset Dac un element de tip <input> are atributul type configurat la valoarea "reset", atunci n formular se introduce un buton pe care scrie "Reset". La apsarea acestui buton, toate elementele din formular primesc valorile prestabilite (definit odat cu formularul ), chiar dac aceste valori au fost modificate de utilizator. Un buton Reset poate primi un nume cu ajutorul atributului name i o valoare printr-un atribut value. Un asemenea buton afieaz textul "Reset" dac atributul value lipsete , respectiv valoarea

acestui atribut n caz contar. Cmp de editare de tip "password" Dac se utilizeaz eticheta <input> avnd atributul type configurat la valoarea "password" , atunci n formular se introduce un element asemntor cu un cmp de editare obinuit (introdus prin type="text"). Toate atributele unui cmp de editare rmn valabile. Singura deosebire const n faptul c acest cmp de editare nu afieaz caracterele n clar, ci numai caractere *,care ascund de privirile altui utilizator aflat n apropiere valoarea introdusa ntr-un asemenea cmp. La expedierea formularului ns, valoarea tastat ntr-un cmp de tip "password" se transmite n clar. Butoane radio Butoanele radio permit alegerea, la un moment dat, a unei singure variante din mai multe posibile. Butoanele radio se introduc prin eticheta <input> cu atributul type avnd valoarea "radio". La expedierea formularului se va transmite una dintre perechile "sex=b" sau "sex=f",n funcie de alegerea fcut de utilizator. Casete de validare O caseta de validare (checkbox)permite selectarea sau deselctarea unei opiuni. Pentru inserarea unei casete de validare se utilizeaz eticheta <input> cu atributul type configurat la valoarea "checkbox". Observaii: fiecare caset poate avea un nume definit prin atributul name. fiecare caset poate avea valoarea prestabilit "selectat" definit prin atributul checked. Casete de fiiere Intr-o pereche "name = value" a unui formular se poate folosi ntregul continut al unui fiier pe post de valoare. Pentru aceasta se insereaza un element <input> ntr-un formular , cu atributul avand valoarea "file" (fiier). Atributele pentru un element de tip caseta de fiiere: -atributul name permite ataarea unui nume -atributul value primete c valoare adresa URL a fiierului

care va fi expediat o data cu formularul. Aceasta valoare poate fi -atribuit direct atributului value, se poate fi tastat ntr-un cmp de editare ce apare o data cu formularul sau poate fi selectat prin intermediul unei casete de tip File Upload sau Choose File care apare la apsarea butonului Browse... din formular; -atributul enctype precizeaz metoda utilizat la criptarea fiierului de expediat.Valoarea acestui atribut este "multipart/form-data". Liste de selecie O list de selecie permite utilizatorului s aleag unul sau mai multe elemente dntr-o list finit. Lista de selecie este inclus n formular cu ajutorul etichetelor corespondente <select>i </select>.O list de selecie poate avea urmtoarele atribute: atributul name, care ataeaza listei un nume (utilizat n perechile "name=value" expediat serverului); atributul size, care precizeaz (printr-un numr ntreg pozitiv , valoarea prestabilit fiind 1) cte elemente din list sunt vizibile la un moment dat pe ecran (celelalte devenind vizibile prin acionarea barei de derulare ataate automat listei). Elementele unei liste de selecie sunt incluse n lista cu ajutorul etichetei <option>. Dou atribute ale etichetei option se dovedesc utile: atributul value primete ca valoare un text care va fi expediat server-ului n perechea "name=value"; dac acest atribut lipseste ,atunci ctre server va fi expediat textul ce urmeaza dupa <option>; atributul selected (far alte valori) permite selectarea prestabilita a unui element al listei. Lista de selecie cu selecii multiple. O lista de selecie ce permite selecii multiple se creeaz ntocmai ca o lista de selecie obinuit. n plus, eticheta <select> are un atribut multiple (far alte valori). Cnd formularul este expediat ctre server pentru fiecare element selectat al listei care este se insereaz cte o pereche "name=value" unde name este numele listei. Cmpuri de editare multilinie ntr-un formular cmpuri de editare multilinie pot fi incluse cu ajutorul etichetei <textarea>. Eticheta are urmatoarele atribute: atributul cols, care specific numrul de caractere afiate

ntr-o linie; atributul rows, care specific numrul de linii afiate simultan; atributul name, care permite ataarea unui nume cmpului de editare multilinie; atributul wrap, (de la "word wrap"=trecerea cuvintelor pe rndul urmtor, care determin comportamentul cmpului de editare fa de sfritul de linie. Acest atribut poate primi urmtoarele valori: a) " off "; n acest caz: ntreruperea cuvintelor la marginea dreapt a editorului se produce numai cnd dorete utilizatorul; caracterul de sfrit de linie este inclus n textul transmis serverului odat cu formularul; b) " hard "; n acest caz: se produce ntreruperea cuvintelor la marginea dreapta a editorului ; caracterul de sfrit de linie este inclus n textul transmis serverului o data cu formularul; c) " soft "; n acest caz: se produce ntreruperea cuvintelor la marginea dreapta a editorului ; nu se include caracterul de sfrit de linie n textul transmis serverului o data cu formularul; Un formular complex n exemplul urmtor este prezentat un formular coninnd elemente prezentate anterior. Cmpurile formularului sunt incluse n celule unui tabel pentru a obtine o aliniere dorita. Butoane ntr-un formular pot fi afisate butoane.Cnd utilizatorul apasa un buton, se lanseaza n executie o functie de tratare a acestui eveniment. Limbajul HTML nu permite scrierea unor astfel de funcii (acest lucru este posibil dac se utilizeaz limbajele Javascript sau Java). Pentru a insera un buton ntr-un formular , se utilizeaz eticheta <input> avand atributul type configurat la valoarea "button". Alte dou atribute ale elementului "button" sunt: Atributul name, care permite ataarea unui nume butonului; atributul value, care primete c valoare textul ce va fi afisat pe buton. Un buton pentru lansarea n execuie a unei aciuni poate fi introdus ntr-un formular prin elementul <input> avnd atributul type configurat la valoarea "button", aa cum s-a vzut mai nainte. Exist o a doua modalitate de a introduce ntr-o

pagin Web un buton de apsat, i anume prin intermediul blocului <button>...</button>. Un astfel de buton poate fi inserat ntr-un formular, n acest caz declannd aciuni legate de acel formular, sau poate fi introdus oriunde n pagin pentru iniierea unor aciuni independente de formulare. Atributele posibile ale elementului "button" sunt: name acorda elementului un nume; value precizeaz textul care va fi afiat pe buton; type precizeaz aciunea ce se va executa la apsarea butonului dac acesta este inclus ntr-un formular.Valorile posibile pentru acest atribut sunt: -"button" , -"submit" ,-"reset". n corpul blocului <button>...</button> se poate afla un text sau un marcaj de inserare a unei imagini. Observaii finale: - elementul <form> poate avea un atribut target, care primete c valoare numele unei ferestre a browserului n care va fi ncrcat rspunsul trimis serverului WWW la expedierea unui formular. - toate elementele cuprinse ntr-un formular pot avea un atribut disabled care permite dezactivarea respectivului element. - toate elementele de tip text cuprinse ntr-un formular pot avea un atribut readonly care interzice modificarea coninutului acestor elemente.

11. Stiluri
Stilurile pun la dispoziia creatorilor de site-uri noi posibiliti de personalizare a paginilor Web. Un stil reprezint un mod de a scrie un bloc de text ( adic anumite valori pentru font, mrime culoare, aliniere, distane fa de margini etc). Exista dou modaliti de a defini un stil: sintaxa CSS (Cascading Style Sheets); sintaxa Javascript. Cascading Style Sheets nseamn "foi n stilul cascad". Stiluri dedicate Aceste stiluri se aplic blocurilor de text pentru care sunt definite. De exemplu: <style> h1 {text-align:center; color:red;} </style>

Toate titlurile care apar n fiier ca fiind de mrime 1 vor fi de culoare roie i centrate. Dac dorim ca acelai stil s fie utilizat de ctre mai multe elemente (de ex. "h1", "h2", i "p") atunci se utilizeaz o list a acestor elemente, separate prin virgul: <style> h1, h2, p {text-align:center; color:red;} </style> Clase de stiluri Aceste stiluri permit definirea unui stil general i folosirea lui oriunde este necesar. Exemplu: Definim o clas de stiluri "ac" (albastru i centrat) n interiorul blocului <style>...</style>, aflat la rndul lui n blocul <head>...</head>: <style> all.ac {text-align:center; color:blue;} </style> La utilizarea clasei de stiluri n cadrul unui element se folosete atributul class avnd c valoare numele clasei de stil. Acesta este un atribut universal adic este aplicabil tuturor elementelor. Observaii: n interiorul unui bloc <style>...</style>, comentariile sunt blocuri delimitate de /* i */ ( c n C, C++, Java i Javascript). Dac dorim ca o clas de stiluri s fie aplicabil numai pentru anumite elemente ale documentului (de exemplu "p") atunci n construcie va aprea acest element ( de exemplu "p.ac"). Stiluri "identificate " Toate elementele unui document admite un atribut universal numit id. Atributul id poate identifica stilul utilizat de un element. Pentru a utiliza un stil "identificat" procedai astfel: n blocul <style>...</style> introducei definiia stilului conform sintaxei: <style> #rosu { color: red } </style> n elementul n care se dorete utilizarea locala a acestui stil , folosii atributul id care primete valoare numele stilului

definit anterior. Dac dorim c un stil " identificat " s fie aplicabil numai pentru anumite elemente ale documentului ( de exemplu "h2") atunci n construcia selectorului va aprea acest element (de exemplu "h2#ac"). Stiluri n-line Stilurile n-line sunt definite chiar n eticheta ce initiaza blocul n care dorim s se aplice aceste stiluri. Pentru aceasta se utilizeaz atributul universal style (comun practic tuturor etichetelor ce par ntr-un document HTML). Valoarea data atributului style este tocmai descrierea stilului, cuprins nu ntre acolade {..} ci ntre ghilimele "...". Dac dorim utilizarea unui anumit style pentru un fragment de text, atunci includem acest text ntr-un bloc cu ajutorul delimitatorilor <span>...</span>, dup care utilizm atributul style pentru eticheta <span>. Stiluri definite n fiiere externe Stilurile definite n interiorul unui bloc <style>...</style> pot fi transferate ntr-un fiier extern existnd astfel posibilitatea utilizrii lor n mai multe fiiere HTML. Pentru a utiliza un stil definit ntr-un fiier extern se procedeaz astfel: se creaz un fiier care s conin numai descrierea stilurilor i se salveaz cu extensia .css sau .html. Coninutul acestui fiier coincide cu coninutul unui bloc <style>...</style> , fr ca aceti delimitatori s fie inclui. n fiierul HTML care utilizeaz stilurile definite n fiierul creat la punctul 1 , se include n blocul <head>...</head> o eticheta <link>avnd trei atribute. atributul rel cu valoarea "stylesheet"; atributul href avand c valoare adresa URL a fiierului creat la punctul 1 ; atributul type cu valoarea "text/css". Se utilizeaz titlurile definite n fiierul extern c i cum ar fi definite n fiierul HTML curent ntr-un bloc <style>...</style>. Pentru c numai anumite legturi s utilizeze un stil se pot folosi urmtoarele dou metode: a: link.CLASA1 {...} combinat cu <a class = CLASA1 href=" "> ...</a> a: link#ID1 {...} combinat cu <a id = ID1 href=" "> ...</a> n browsere cursorul mouse-ului are n general o forma simpl ,

lund pe parcursul vizionrii paginii respective maximum dou nfiri diferite: Mna - atunci cnd este poziionat pe o legtura Bara vertical - atunci cnd este poziionat pe alt obiect dect o legtura. Acestea nsa sunt formele implicite. Desigur exista cazuri n care am dori c browser-ul s aiba o alta forma dect una dintre acestea. La fel c multe alte probleme care privesc modul n care o pagina arata i aceasta i gsete rezolvarea n folosirea CSS, c limbaj de descriere a formei unui document. Proprietatea care gestioneaz forma cursorului se numeste simplu: cursor i poate fi introdus n orice element style al unui tag html. De exemplu pentru obinerea unei imagini a cursorului de tipul unei sgei orientat Est-Vest la trecerea mouse-ului peste un link iat codul ce va trebu i folosit: < a href=" fiier.html" style=" cursor :e-resize" " Legatura< /a> Iat deci cum va arat (doar pentru IE 4.x sau mai mare): Legtura Nu este, ns singurul exemplu, n continuare avei toate codurile pentru formele de cursor pe care le putei f olosi: auto utilizeaz setrile implicite ale utilizatorului; crosshair creeaz o cruce; default setrile implicite ale browserului; e-resize sgeat Est-Vest; hand mn; help semnul ntrebrii; move cruce cu sgei la capete; n-resize sgeat sud-nord; ne-resize sgeat SudVest NordEst; nw-resize sgeat SudEst NordVest; pointer mn; sresize sgeat Nord Sud; se-resize sgeat NordVest SudEst; sw-resize sgeat NordEst SudVest; text bara vertical din cmpurile de introducere a datelor w-resize sgeat Est-Vest; wait clepsidra.

12. Javascript
Javascript este un limbaj de programare simplu , de tip script, pentru definirea comportamentului elementelor dntr-o pagina Web. Nu este acelasi lucru cu mult mai complexul limbaj de programare Java. Javascript poate specifica , n mod obisnuit n doar cateva rnduri , raspunsurile la actiuni sau evenimente cum ar fi deschiderea unei pagini, deplasarea mouse-ului ntr-un anumit punct sau stergerea unui anumit cmp dintr-un formular. Cea mai

simplas aplicatie Javscript este aceea care determina apariria i derularea unui mesaj. Scriptul este ncadrat de marcajele <script>...</script> i totul este inglobat ntr-un comentariu astfel nct programele de navigare care nu nterpreteaza Javascript nu sunt derutate de scriptul n sine. Multe evenimente pot fi gestionate cu Javascript. Eveniment se desfasoara atunci cnd Handler de eveniment blur utilizatorul elimina controlul de intare de pe un element al unui formular onBlur, click utilizatorul executa un click pe un element al unui formular sau pe o legtur onClick change utilizatorul modifica valoarea unui text zona de text sau element de selectie onChange. Focus utilizatorul atribuie unui element de formular control de intrare onFocus, load utilizatorul ncarca pagina n progarmul de navigare onLoad, mouseover utilizatorul deplaseaza indicatorul mouse-ului deasupra unei legturi sau a unei ancore onMouseover, select utilizatorul selecteaza cmpul de intare al unui element de formular onSelect, submit utilizatorul transmite un formular onSubmit, unload utilizatorul abandoneaza pagina onUnload. n urmtorul exemplu folosim evenimentul click. <form> <input type="button" value="Apas!" onClick="alert('Hello!')"> </form> Acest exemplu citeste numele i il saluta. Un alt exemplu care modific culoarea de fond a paginii. n exemplul urmtor modificm o imagine atunci cnd cursorul este pozitionat pe aceasta. Elementul cheie este acela c exista dou versiuni ale fiecrei imagini: imaginea "on" (corespunztoare cursorului poziionat deasupra imaginii) i o imagine "off" (corespunzatoare cursorului poziionat n exteriorul imaginii). Elementul esenial n acest exemplu este modul n care se pun n coresponden evenimentele de activare i dezactivare cu evenimentele specifice: OnMouseOver i OnMouseOut. Primul invoc procedura Javascript activate atunci cnd mouse-ul este plasat deasupra imaginii, iar cel de-al al doilea comut imaginea la situaia iniial atunci cnd mouse-ul este n exteriorul acesteia.

13. Tag-uri

Marcaje de baza <HTML> </HTML> Definete un fiier n format Web <HEAD> </HEAD> Antetul documentului <TITLE> </TITLE> Tilul documentului <BODY> </BODY> Corpul paginii HTML BGCOLOR = culoare Culoarea de fond a paginii TEXT=culoare Culoarea textului pe paginii LINK=culoare Culoarea legturiilor nevizitate din pagini VLINK=culoare Culoarea legturiilor vizitate din pagini ALINK=culoare Culoarea legturiilor pe durata clicului exacutat de utilizator BACKGROUND = url Imaginea de fond pentru pagin <P> Paragraf <Hn> <Hn> Nivel de subtitlu al documentului (n = 1-6) <FONT> </FONT> Specific atribute ale textului ncadrat SIZE=n Dimensiunea textului este 1-7 FACE="a,b" Specific fontul: a, dac este disponibil, sau b COLOR=s Culoarea textului: fie un nume de culoare , fie o valoare RGB <BR> Linie nou <PRE> </PRE> Informaie preformatat <!-- --> Comenatriu HTML <CENTER> </CENTER> Centreaz materialul n pagin <HR> Rigl orizontal SIZE=x nlimea riglei n pixeli WIDTH=x Limea riglei n pixeli sau n procente NOSHADE Dezactiveaz afiarea umbrei pentru rigla orizontal ALIGN=x Alinierea riglei orizontala n pagina (left, center, right) COLOR=x Culoarea riglei orizontale (numai pentru IE) <A> </A> Marcaj de tip ancor HREF=url Referin hipertext HREF=#nume Referin ctre o ancor intern Name=nume Definiia unei ancore interne Marcaje pentru liste <DD> Descriere definiie <DL> </DL> List de tip definiie <DT> Termen de definiie <LI> Element de list

<OL List ordonat (numerotat) TYPE=tip Tipul numerotrii. Valori posibile: A, a, I, i, 1 START=x Numrul de nceput al listei ordonate <UL List neordonat (marcat) TYPE=forma Forma marcajului. Valori posibile: circle, square, disc. Formatarea caracterelor <B> </B> Afieaz text cu caractere aldine <I> </I> Afieaz text cu caractere cursive <U> </U> Afieaz text subliniat <TT> </TT> Text cu font monospaiu <CITE> </CITE> Citare bibliogarfic <CODE> </CODE> Listing de program <EM> </EM> Stil logic de evideniere <KBD> </KBD> Text de la tastatur <STRONG> </STRONG> Evideniere logic puternic <VAR> </VAR> Program sau variabil <BASEFONT SIZE = n> Specific dimensiunea implicit a fontului din pagin Marcaje pentru cadre <FRAMESET> </FRAMESET> Definirea redactrii paginii COLS=x Numrul i mrimea relativ a coloanelor ROWS=x Numrul i mrimea relativ a liniilor BORDER=x Specific starea "on" (activ) sau "off" (inactiv) pentru chenarul cadrului FRAMESET (1 sau 0) FRAMEBORDER = x Specific mrimea chenarului FRAMESPACING = x Mrimea spaiului dintre dou cadre adiacente <FRAME> Definiia unui anumit cadru SRC=url URL-ul surs pentru cadru NAME=nume Numele cadrului (utilizat mpreun cu TARGET=nume ca parte component a marcajului de tip ancor <a> SCROLLING=scrl Definete opiunea barei de derulare.Valori posibile: on(activ), off(inactiv), auto (automat) FRAMEBORDER=x Mrimea chenarului din jurul cadrului MARGINHEIGHT=x Spaiul suplimentar de deasupra i dedesubtul unui anumit cadru

MARGINWIDTH=x Spaiu suplimetar la stnga i la dreapta unui anumit cadru <NOFRAMES> </NOFRAMES> Seciunea de pagin afiat pentru utilizatorii care nu pot vedea un cadru <IFRAME> Cadru intern (numai pentru (IE) SRC=url Sursa cadrului NAME=s Numele ferestrei (util pentru TARGET) HEIGHT=x nlimea cadrului nglobat WIDTH=x Limea cadrului nglobat Marcaje pentru tabele <TABLE> </TABLE> Tabel HTML BORDER=x Chenarul tabelului CELLPADDING=x Spaiul suplimentar n cadrul celulelor tabelului CELLSPACING=x Spaiul suplimentar ntre celulele tabelului WIDTH=x Limea impus tabelului FRAME=valoare Ajustarea fin a tabelului RULES=valoare Ajustarea fin a riglelor tabelului BORDERCOLOR = culoare Specific culoarea chenarului tabelului BORDERCOLORLIGHT = culoarea: cea mai deschis culoare din cele dou culori specificate BORDERCOLORDARK = culoarea: cea mai nchis culoare din cele dou culori specificate ALIGN=left Aliniaz tabelul la marginea din stnga a paginii, iar textul curge n partea dreapta ALIGN=right Aliniaz tabelul la marginea din dreapta a paginii, iar textul curge n partea stnga HSPACE=x Spaiu suplimetar pe orizontal n jurul tabelului VSPACE=x Spaiu suplimetar pe vertical n jurul tabelului COLS=x Specific numrul de coloane ale unui tabel <COLGROUP> </COLGROUP> Definete un set de definiii de coloane cu ajutorul marcajului <col> <COL WIDTH=x> Definete limea unei coloane exprimat n pixeli <THEAD> </THEAD> Definete titlul tabelului <BODY> </TBODY> Definete corpul tabelului

<TR </TR> Linie de tabel BGCOLOR=culoare Specific culoarea de fond pentru ntreaga linie ALIGN=aliniere Alinierea celulelor de pe linia curent (left, center, right) <TD </TD> Celula de date a tabelului/font> BGCOLOR=culoare Specific culoarea de fond pentru celula de date COLSPAN=x Numrul de coloane pe care se ntinde celula curent de date ROWSPAN=x Numrul de linii pe care se ntinde celula curent de date ALIGN=aliniere Alinierea materialului din cadrul celulei de date.Valori posibile: (left, right, center) VALIGN=aliniere Alinierea pe vertical a materialului din cadrul celulei de date.Valori posibile: (top, bottom, middle) BACKGROUND=url Specific imaginea de fond pentru celula tabelului NOWRAP Nu permite desprirea textului pe linii n cadrul unei celule ALIGN=baseline Aliniaz celule de date cu linia de baz a textului adiacent ALIGN=caracter Aliniaz o coloana fa de un anumit carcater (caracterul prestabilit este ".") ALIGN=justify Aliniaz att marginea din stnga ct i marginea din dreapta a unui text

Adaugarea imaginilor <IMG Marcajul de introducere a imaginilor SRC=url Sursa fiierului grafic ALT=text Textul alternativ de afiat, dac este necesar ALIGN=aliniere Alinierea imaginii n pagina. Valori posibile: top (sus), middle(n mijloc), bottom (jos), left (n stnga), right (la dreapta) HEIGHT=x Inlimea imaginii (n pixeli) WIDTH=x Limea imaginii BORDER=x Chenarul din jurul imaginii, atunci cnd aceasta este utilizat c hiperlegtura

HSPACE=x Spaiul suplimentar pe orizontal din jurul imaginii (n pixeli) VSPACE=x Spaiul suplimentar pe vertical din jurul imaginii (n pixeli) Marcaje pentru formulare <FORM> </FORM> Formular HTML activ ACTION=url Programul CGI de pe serverul care recepioneaz datele METHOD=metoda Modul n care datele sunt transmise serverului(GET sau POST) <INPUT Cmp de text sau alte date de intrare TYPE=optiune Tipul cmpului de intrare <INPUT>. Valori posibile: text, password, checkbox, hidden, file, radio, submit, reset, image. NAME=nume Numele simbolic al valorii cmpului VALUE=valoare Coninutul prestabilit al cmpului de text CHECKED= opiune Buton/caset marcat n mod prestabilit SIZE=x Numrul de caractere al unui cmp de text SIZE=x Numrul maxim de caractere acceptate <SELECT> </SELECT> Grup de casete de validare NAME=nume Numele simbolic al valorii cmpului SIZE=x Numrul de articole de meniu care se afieaz odat (prestabilit=1) MULTIPLE=x Permite selecia unor articole de meniu multiple <OPTION Alegerea particular ntr-un domeniu <SELECT> VALUE=valoare Valoarea rezultant a acestei selecii din meniu <TEXTAREA> </TEXTAREA> Cmp de intare de tip text pe linii multiple NAME=nume Numele simbolic al valorii cmpului ROWS=x Numrul de linii al casetei de text COLS=x Numrul de coloane (caractere) pe linie al casetei de text <FIELDSET> </FIELDSET> mparte formularul n pri logice <LEGEND> </LEGEND> Numele asociat setului de cmpuri (fieldset) ALIGN=s Specific alinierea legendei (explicaiei) afiate (top,bottom,left,right)

TABINDEX=x Specific ordinea elementelor atunci cnd utilizatorul apas tasta Tab ACCESKEY=c Specific tasta care asigur comanda rapid de la tastatur asociat unui anumit element DISABLED Elementul este inactiv, dar este afiat pe ecran READONLY Elementul este afiat pe ecran dar nu poate fi editat HTML avansat <STYLE> </STYLE> Specific informaii referitoare modelul de stiluri TYPE=val Tipul modelului de stiluri. De regul "text/css" <SCRIPT> </SCRIPT> Include un script de regul Javascript, n pagina Web LANGUAGE=limbaj Limbajul utilizat EVENT=eveniment Eveniment care declaneaz execuia unor scripturi specifice FOR=numeobiect Numele obiectului din pagina asupra cruia acioneaz scriptul. 13. Teste Test 1

I. Unde este situata Romania? 1 la intersectia paralelei de 45 latitudine nordica cu meridianul de 25 longitudine estica 2 la intersectia paralelei de 43 latitudine nordica cu meridianul de 28 longitudine estica 3 la intersectia paralelei de 40 latitudine nordica cu meridianul de 23 longitudine estica II.Bauxitele, din care se extrage aluminiul, se gasesc in: 1 Muntii Fagaras 2 Muntii Banatului 3 Muntii Apuseni III.Muntii Poiana Rusca apartin de: 1 Carpatii Occidentali 2 Carpatii Meridionali

3 Carpatii Orientali IV.Climatul Romaniei este: 1 temperat continental-moderat 2 temperat continental 3 mediteranean V.Cati kilometri parcurge Dunarea pe teritoriul tarii noastre? 1 1065 2 1035 3 1075 Raspunsuri: I. 1 II. 3 III. 1 IV. 1 V. 3

Test 2

I.Curentii care lipsesc Marii Negre sunt: 1 curentii de compensatie 2 curentii verticali 3 curentii de suprafata II.Ce animal este specific pentru padurile de foioase de la noi? 1 lupul 2 ursul 3 cerbul III.Cine a avut initiativa de a infiinta Parcul National Retezat? 1 Grigore Antipa 2 Alexandru Borza 3 Simion Mehedini IV.Care este cea mai joasa altitudine a Campiei Romane?

1 5-10 m 2 10-20 m 3 15-20 m V.Raul Mures strabate podisul: 1 Mehedini 2 Getic 3 Transilvaniei

Raspunsuri: I. 2 II. 1 III. 2 IV. 2 V. 3

Test 3

I.La recensamantul din anul 1948 populatia Romaniei avea: 1 15,3 milioane locuitori 2 15,8 milioane locuitori 3 16,2 milioane locuitori II.Orasul Botosani are intre: 1 50.000-100.000 locuitori 2 100.000-150.000 locuitori 3 150.000-200.000 locuitori III.Care este proportia de terenuri agricole din suprafata totala a Romaniei? 1 55% 2 68% 3 62% IV.De cate secole este introdus porumbul in cultura tarii noastre? 1 1

2 2 3 3 V.Cartoful este originar din: 1 America de Sud 2 America de Nord 3 Uniunea Europeana

Raspunsuri: I. 2 II. 2 III. 3 IV. 3 V. 1

Test 4

I.Sibiul are o veche traditie in ceea ce priveste: 1 industria conservelor 2 industria lemnului 3 industria lnii II.Principala zona de exploatare a gazului metan este: 1 Judetul Prahova 2 Podisul Transilvaniei 3 Campia de Vest III.Principalul bazin de extractie al huilei se afla in: 1 Petrosani 2 Petrila 3 Lupeni IV.Hidrocentrala Portile de Fier II se afla la: 1 Anina 2 Ostrovul Mare

3 Calafat V.Hidrocentrala Vidraru este situata pe raul: 1 Olt 2 Bega 3 Arges

Raspunsuri: I. 3 II. 2 III. 1 IV. 2 V. 3

Test 5

I. Ce fel de clima este in Europa: 1.rece 2.tropicala 3.temperata II.Cate continente exista: 1.6 2.8 3.7 III.Care este cel mai inalt munte din Europa: 1.Elbrus 2.Alpi 3.Bucegi IV. De unde izvoraste Dunarea: 1.Bucegi 2.Slovacia 3.Mtii Padurea Neagra

V.In ce scop sunt folosite fluviile Europene: 1.pescuit 2.extractii petroliere 3. transport

Raspunsuri: I. 3 II. 3 III. 1 IV. 3 V. 3