Sunteți pe pagina 1din 69

MINISTERUL EDUCATIEI AL REPUBLICII MOLDOVA

UNIVERSITATEA TEHNIC A MOLDOVEI


FACULTATEA:INGINERIE SI MANAGEMENT IN ELECTRONICA SI
TELECOMUNICATII
CATEDRA: TELECOMUNICAII

Dare de seama
La lucrarea de laborator Nr.4
TEMA: Limbajul Web PHP i HTML

La disciplina ,,Tehnologii informationale,,

A efectuat st.gr. TLC- 133

Bidiuc Victor

A verificat

Russu Gabriel

Chiinu 2014

Introducere
Structura unei pagini WEB folosind PHP i HTML
Cel mai important aspect al limbajului este posibilitatea de a fi imbricat cu cod HTML.
Putem crea astfel pagini HTML statice i, din loc n loc, acolo unde este nevoie, s
introducem dinamism cu ajutorul PHP. Spre exemplu, o mare parte din structura unei
pagini web cum ar fi meniurile, tabelele, aranjamentul n pagin, poate fi compus din
cod HTML static. Din loc n loc codul HTML va fi intercalat cu cod PHP care extrage
din baza de date cele mai noi tiri. n momentul n care accesm pagina, acest cod este
parsat (analizat linie cu linie i executat) pe server astfel nct este afiat o pagin
HTML fr s tim c pentru crearea ei s-a fcut o conexiune la baza de date, s-au
extras

informaiile

de

acolo

au

fost

ordonate

afiare.

pentru

Interpretorul PHP parcurge documentul accesat pn n momentul n care ntlnete un


marcaj de deschidere care indic faptul c textul care urmeaz trebuie interpretat ca
fiind cod PHP. n continuare, textul este interpretat ca fiind cod PHP pn n momentul
n care este ntlnit marcajul de nchidere. ntreg textul care nu este interpretat ca fiind
cod php este furnizat la ieire n forma n care a fost primit ca intrare de ctre
interpretor. Exist mai multe marcaje care indic nceperea unei secvene de cod PHP,
dar

eu

am

pe

folosit-o

urmtoarea:

O prim pagin atractiv este vital pentru succesul unui site i este o combinaie de mai
multe module de pagin. Unele elemente-modul sunt prezente pe toate paginile siteului, ca de exemplu header-ul (capul de pagin) n care specificm titlul, setul de
caractere folosit, stilul CSS generic al paginii, apoi instruciunile de conectare la baza de
date i, nu n ultimul rnd, nota de copyrigth din subsol.
Structura fiecrei pagini dintr-un site, indiferent c este prima pagin, pagina cu date
de

contact

sau

pagin

1.

Partea

de

conectare

la

2.

Header

(titlu,

3.

Meniul

-butoanele

4.
5.Footer-ul

oarecare

arat

baza

astfel:

de

date

specificaii
de

stil)
navigare

Coninutul
paginii

(partea

de

jos

coninnd

paginii
nota

de

copyright,

etc).

Aceast structur se va putea folosi pentru toate paginile site-ului i, n afar de partea
care reprezint coninutul, care difer de la pagin la pagin, celelalte elemente -modul
rmn practic neschimbate. Aadar le putem refolosi scriindu-le pe fiecare din ele ntrun fiier separat i apoi incluzndu-le n pagina final, livrat la utilizator atunci cnd
avem nevoie. Vom putea modifica direct din baza de date coninutul oricreia dintre ele,
fiecare parte putndu-se actualiza independent una de cealalt, reuindu-se astfel dintr-o
singur

micare

operarea

modificrilor

dorite

toate

paginile

site-ului.

Per ansamblu, proiectarea site-urilor web (crearea de pagini i administrarea acestora


din punct de vedere al coninutului) a nceput s se identifice n mod aproape universal
cu tehnologia PHP. n prezent, PHP este att de puternic i de versatil nct pn i
liderul portalurilor, Yahoo, a renunat cu ceva timp n urm la limbajul sau proprietar,
yscript, n favoarea PHP.
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 ntr-un 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 Consoriu (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 piaa 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.

Primii pai

1.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 obine 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 ntr-o pagin HTML, atunci n bara de titlu a ferstrei browserului 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 (superscript), aceste fragmente trebuie delimitate de etichetele <sub>...</sub>, respectiv
<sup>...</sup>. Pentru a insera un bloc de caractere subliniate se utilizeaza etichetele
<u>...</u> (u vine de la " underline ").
Pentru

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.

2. 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).

4. 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>

5. 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 anume 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

6. 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 e-mail 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>

7. 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
<li>Frame <ul>Atribute: <li>src <li>name <li>scrolling

</ul>
</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).

8. 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 dintre 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 ntro 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.
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>.

9. 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

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 atributului 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 de 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 iniiale 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

expediat.Valoarea acestui atribut este "multipart/form-data".

criptarea

fiierului

de

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 EstVest la trecerea mouse-ului peste un link iat codul ce va trebui 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 folosi:

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; s-resize 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

PHP
Paginile web pot fi dinamice i statice. Paginile dinamice sunt asemntoare celor
statice cu singura deosebire ca i schimb, cu ajutorul unor scripturi, dinamic
coninutul. Rezultatul scripturilor sunt tot fiiere de tip text care conin tag-uri HTML.
Ceea ce distinge PHP-ul fa de Javascript este faptul c, codul este executat pe server.
Clientul primete doar rezultatul executrii scriptului, nepermind n nici un fel
determinarea codului.
Ceea mai mare parte a sintaxei este mprumutat din C, Java i Perl, cu cteva
proprieti unice PHP-ului. Scopul acestui limbaj este de a permite programatorilior
WEB dezvoltarea rapid i dinamic a programelor.
PHP-ul a fost dezvoltat la sfritul anului 1994 de ctre Rasmus Lerdorf, i a fost
utilizat n scopuri personale. Prima versiune care a fost folosita i de ali programatori
a aprut la nceputul anului 1995, fiind cunoscuta ca Personal Home Page Tools.
Aceast versiune permitea nelegerea ctorva funcii i macro-uri folosite n mod
regulat pentru realizarea de guestbook-uri si de contoare. Acesta a fost momentul n care
programatorii din toata lumea au nceput s-i aduc contribuia la dezvoltarea
limbajului. La sfritul anului 1997, PHP/FI era folosit n peste 50.000 de sit-uri Web
din ntreaga lume. n 1997, Zeev Suraski i Andi Gutmans au rescris de la zero serverul
de PHP/FI, iar noua versiune lansat pe pia a devenit cunoscut sub denumirea de

PHP3. La mijlocul anului 1999, numrul de servere pe care rula PHP-ul ajunsese la
1.000.000.
Dezvoltat iniial pentru sistemul de operare (u)NIX, serverul de PHP a fost portat cu
succes i pe servere 9x/NT.
Poate ceea mai puternic i mai important component a PHP-ului este suportul cu
bazele de date. Scrierea unei baze de date pentru Web este extrem de simpl. Bazele de
date cu care PHP-ul tie s lucreze sunt:
Adabas D

InterBase

dBase mSQL

Solid

Sybase

Empress

MySQL

Velocis

FilePro

Oracle

Unix dbm

Informix

PostgreSQL

PHP-ul este realizat i distribuit n sistemul OpenSource, ceea ce face din acest limbaj
unul foarte utilizat pe scar larg. PHP-ul este foarte utilizat i datorit faptului c este
foarte uor de folosit i se poate integra n codul html la fel de uor.
PHP vine de la \"Hypertext Preprocessor\" i este un limbaj de comenzi-script pentru
server (se spune c acioneaz pe partea serverului - server-side language). Fiierele cu
comenzi PHP ruleaz pe serverul Web, nu n navigator, pe staia client. PHP este un
limbaj relativ nou (comparativ cu alte limbaje precum Perl (CGI) i Java), dar devine
rapid unul dintre cele mai rspndite i mai populare din Internet.
Pentru a scrie un fiier n PHP avem nevoie doar de un editor de texte tot ca i n cazul
paginilor HTML singura deosebire este c paginile trebuie salvate n format PHP.
Scripturile PHP sunt ntotdeauna incluse ntre dou taguri PHP, conform aceleai
scheme ca i n HTML. Astea spun serverului s preia information dintre ele i s o
interpreteze ca expresie din PHP. Exist trei forme diferite de marcare a expresiilor comenzilor PHP, i anume:
Comenzi PHP

Linia de cod PHP se termin cu punct i virgul (;). Asta-i foarte important ca sintax.
La fel ca n multe alte limbaje de comenzi sau de programare, liniile trebuie s se
termine cu un marcaj anume, adesea tot (;), iar dac acest terminator este omis rezult o
eroare.
Pentru a afia un text n scriptul PHP, avem mai multe posibiliti: utilizarea comenzii
print sau a comenzii echo. Aceste comenzi permite afiarea unui text, a unor variabile
sau a unor combinaii ale acestora, pe ecran.
Instruciuniile pot fi folosite n felul urmtor:
print("text");
echo("text");
Cu ajutorul acestor funcii putem s integm n cadrul unui script php tag-uri HTML
care vor fi intepretate de browser. Acest lucru uureaz foarte mult munca unui
programator deoarece nu e nevoie s ieim din cadrul scriptului de php, de exemplu:
pentru o formatare de text.
Ca i n alte limbaje de programare, n PHP putem defini variabile. Exist cteva tipuri
de variabile n PHP, una dintre ele este variabila ir de caractere (string).
$text = \"text text text!\"
Variabilele n PHP sunt Case Sensitive, adica $a i $A sunt dou variabile diferite.
i n php ca i n alte limbaje de programare exist mai multe tipuri de operatori. Iat
civa dintre cei mai ntlnii operatori:
a)

operatori aritmetici:

Exemplu
-$a

Nume Rezultat

Negaie

Opusul lui $a.

$a + $b

Adunare

Suma dintre $a i $b.

$a - $b

Scdere

Diferena dintre $a i $b.

$a * $b

nmulire

nmulirea lui $a i $b.

$a / $b

mprire

mprirea lui $a la $b.

$a % $b

Modulul

Restul mpririi lui $a la $b.

b)

operatori de atribuire, semnul =, atribuie o valoare unei variabile;

c)

operatori de incrementare:

Exemplu

Nume Rezultat

++$a Pre-increment

Incrementeaz cu 1 i apoi returneaz $a

$a++ Post-increment

Returneaz $a i apoi incrementeaz cu 1

--$a Pre-decrement

Decrementeaz cu 1 i apoi returneaz $a

$a-- Post -decrement

Decrementeaz $a i apoi incrementeaz cu 1

d)

operatori logici

Exemplu

Nume Rezultat

$a or $b

Sau

Returneaz TRUE dac ori $a ori $b sunt adevrate

$a and $b

Returneaz TRUE dac i $a i $b sunt adevrate

$a xor $b

Sau exclusiv

Returneaz TRUE dac oricare dintre $a sau $b sunt

adevrate, dar nu amndou


! $a Negaie

Returneaz TRUE dac i $a nu este adevrat

$a && $b

Returneaz TRUE dac i $a i $b sunt adevrate

$a || $b

Sau

Returneaz TRUE dac ori $a ori $b sunt adevrate

e)

operatorul folosit pentru concatenarea irului este punctul " . ";

f)

operatori folosii pentru operaiile cu array-uri:

Exemplu

Nume Rezultat

$a + $b

Uniune

Uniune lui $a i $b

$a == $b

Egalitate

TRUE dac $a i $b au aceleai elemente

$a === $b Identitate
$a != $b

TRUE dac $a i $b au aceleai elemente n aceeai ordine

Inegalitate TRUE dac $a nu este egal cu $b

$a $b Inegalitate TRUE dac $a nu este egal cu $b


$a !== $b

Ne-identitate

TRUE dac $a nu este identic cu $b

Cele mai utilizate funcii folosite sunt:


a) Instruciunea condiional IF este folosit pentru a compare dou valori i a realiza
aciuni diferite n baza rezultatelor testului. Instruciunea urmeaz sintaxa (are forma) IF
- ELSE. Partea IF testeaz o condiie. Dac aceasta este adevrat, atunci este executat.
n caz contrar se merge pe ramura ELSE. Mai poate exista i ELSE IF care pot fi
combinate cu instruciunea IF.
Structura instruciunii IF :
IF (condiie) {
instruciuni
} else if {
instruciuni
} else if {

instruciuni
} else {
instruciuni
}
Nu este obligatoriu, dac nu avem nevoie s folosim nici ELSE IF i nici ELSE.
b) Ciclul WHILE este una din comenzile cele mai utile din PHP. Fr a fi prea
complicat. Un ciclu WHILE va executa o anumit parte de cod (un set de instruciuni),
atta timp ct este ndeplinit o anumit condiie.
Sintaxa este urmtoarea:
while (condiie) {
instruciuni
}
Trebuie s avem grij s nu facem un ciclu infinit sau prea mare pentru a nu duce la
blocarea scriptului i o dat cu acesta la blocarea paginii.
c) ciclurile FOR sunt cele mai complexe cicluri. Acesta evalueaz dou condiii i dup
ce le evalueaz i sunt adevrate execut o instruciune. Acesta are sintaxa:
for (condiie1; condiie2, instruciuni) {
instruciuni
}
Se verific condiia1 i dac e adevrat se trece la condiia 2 dac e adevrat i aceasta
se trece la execuia instruciunii (aceasta este incrementare sau o decrementare) apoi se
execut instruciunile.
Comentariile pe o singur linie se introduc sub forma: //comentariu, iar comentariile pe
mai multe linii se scriu sub forma:

Concluzie: Efectund lucrarea de laborator m-am facut cunoscut si am studiat practic


crearea unei pagini web utiliznd limbajele de programare PHP i HTML.