HTML

- noiuni introductive
World Wide Web
a) Internet
n lume exist milioane de calculatoare n care sunt stocate
informaii. Pentru a putea transmite informaii de la unul la
altul, calculatoarele sunt interconectate, formnd reele de
calculatoare. Multe dintre aceste reele de calculatoare sunt
interconectate ntre ele, formnd o reea de reele, numit
inter-reea. Cea mai mare inter-reea public este reeaua
Internet.
Internetul este o reea de calculatoare din toat lumea care
stochea informaii !i le expedia.
b) Modem
"e obicei, un calculator trimite mesa#e altor calculatoare
prin intermediul liniilor telefonice. Calculatoarele !i reelele de
telefonie utiliea tehnolo$ii diferite.
Calculatorul este digital, adic funcionea numai cu
informaii or$aniate n blocuri concrete, finite !i numrabile.
%iniile telefonice sunt analogice, adic lucrea cu informaii
infinite, cur$toare, care nu pot fi numrate. "e aceea, pentru
conectarea la Internet, se folose!te un modem, care trebuie s
modulee !i s demodulee informaiile dintre cele dou
sisteme.
Modemul unui calculator transform informaia di$ital n
informaie analo$ic, pentru a putea fi transmis prin reeaua
telefonic. Modemul celuilalt calculator, de la cellalt capt,
transform informaia analo$ic n informaie di$ital, pentru a
fi neleas de calculatorul su.
&itea cu care un modem poate expedia !i recepta
informaii se nume!te rat n bauzi. 'ata n baui se refer la
numrul maxim de bii pe secund pe care-i poate expedia !i
recepta modemul.
(
c) World Wide Web
Internetul este compus din multe pri. Grupurile de
informare )ne*s$roups+ sunt alctuite din $rupuri de persoane
din toat lumea care au interese comune. Membrii fiecrui
$rup !i public noutile pe Internet !i toi membrii $rupului le
pot citi !i pot publica rspunsuri, comentarii sau ntrebri.
Listele potale )mailin$ lists+ sau listserv sunt similare
$rupurilor de informare, numai c noutile, rspunsurile,
comentariile !i ntrebrile sunt transmise prin e-mail. ,iecare
mesa# expediat de un membru al listei a#un$e automat la toi
ceilali de pe list.
Partea cea mai important !i de succes a Internet-ului este
World Wide Web, care repreint un sistem de distribuie
local sau global a informaiilor mutimedia.
-orld -ide -eb const din milioane !i milioane de pa$ini
indi.iduale, asemntoare celor create ntr-un editor de text.
/ceste pa$ini indi.iduale sunt legate de alte pa$ini. "e obicei,
o firm sau o persoan creea o colecie unificat de pa$ini
asociate ntre ele. Colecia de pa$ini asociate reciproc se
nume!te site Web.
,iecare site -eb are o pagin de baz, care seamn cu un
cuprins sau cu o tabl de materii. "e obicei, pa$ina de ba
este prima pa$in dintr-un site, dar tot mai multe site-uri includ
o pagin de intrare care seamn cu o coperta sau cu pa$ina de
titlu a unei cri. /ceast pa$in de intrare conduce la pa$ina
de ba.
0recerea de la o pa$in la alta se face cu a#utorul
legturilor. %e$tura este una dintre caracteristicile cele mai
importante din -orld -ide -eb. /ceste le$turi sunt numite
hipertet, adic text 1conectat2 la alte pa$ini. /tunci cnd se
face clic pe o le$tur, se 1sare2 la o alt pa$in. 3ste ca !i
4
cnd, ntr-o carte, am pune de$etul pe un titlu din tabla de
materii !i cartea s-ar deschide instantaneu la pa$ina respecti..
%e$turile hipertext se pot recunoa!te prin aceea c sunt
subliniate !i de obicei sunt de alt culoare dect restul textului.
Ima$inile pot fi !i ele le$turi. Chiar dac textul nu este
subliniat sau dac ima$inea nu are chenar colorat care s indice
c este le$tur, cursorul mouse-ului ne a#ut s identificm o
le$tur din cadrul unei pa$ini -eb5 cursorul su !i modific
forma )se transform n picto$rama unei mini+ atunci cnd se
afl deasupra unei le$turi.
Pe msur ce pa$ina apare pe ecran, spunem c ea se
ncarc.
d) Browsere
Pentru a putea .edea pa$inile din -orld -ide -eb, pe
calculator trebuie s fie instalat un soft*are denumit bro!ser.
6ro*ser-ul cite!te informaiile de pe pa$ina -eb !i le afi!ea
pe ecranul calculatorului.
3xist mai multe tipuri de bro*sere. ,iecare bro*ser
afi!ea pa$inile puin diferit, ceea ce este o mare problem
pentru desi$nerii de site-uri -eb. Cele mai cunoscute
bro*sere sunt "icrosoft Internet #plorer !i $etscape
$avigator.
e) Adrese Web
,iecare pa$in de pe -orld -ide -eb are o adres, la fel
cum exist adrese pentru case. /ceast adres se nume!te
7niform 'esource %ocator sau %&L. 7n exemplu de 7'%
este5
http588***.edu.ro8preu8index.html
http nseamn hperte!t trans"er protocol. /ceast parte
a adresei 7'% ne spune c fi!ierul cutat este o pa$in de pe
-orld -ide -eb. n loc de http588, n unele 7'%-uri poate s
9
apar "tp#$$, news#$$ sau alte prescurtri. 3le se refer la fi!iere
care nu sunt pa$ini -eb.
www nseamn World Wide Web, dar nu este dect o
con.enie5 unele adrese 7'% nu conin ***.
edu%ro este numele de domeniu. 3l spune cine este
proprietarul site-ului. :umele de domeniu poate fi cumprat.
"up numele de domeniu urmea o cale care anun
bro*serul unde s $seasc pa$ina cutat. "e exemplu, n
adresa de mai sus, bro*serul $se!te edu.ro. Caracterul slash l
anun s deschid folderul edu.ro !i s caute un folder numit
preu. 7rmtorul slash l anun s deschid folderul preu !i s
caute fi!ierul index.html.
/dresa 7'% a unei pa$ini se scrie n caseta Location din
partea superioar a ferestrei bro*serului, se apas 3nter !i
bro*serul ncepe s caute adresa respecti..
n poriunea numelui de domeniu al adresei )de la ***
pn la .ro+ nu contea dac se scriu ma#uscule sau minuscule.
'estul adresei ns depinde de tipul literelor, deci este foarte
important dac se scrie sau nu cu ma#uscule. "e asemenea,
ntr-o adres -eb nu exist niciodat un spaiu $ol. ; adres
-eb cu un spaiu n ea a fost scris $re!it.
HTML
<0M% )<=per0ext Mar>up %an$ua$e+ este un limba#
utiliat pentru crearea documentelor <0M%. 3l define!te
structura !i modul de a!eare a unui document <0M%, prin
intermediul unor marca#e !i a atributelor acestora.
<ipertextul este o form special de text neliniar, n care
resursele )text, ima$ini, sunete+ sunt conectate prin intermediul
unor le$turi. <ipertextul permite deplasarea de la un obiect la
altul, chiar dac aceste obiecte sunt total diferite.
?
7n fi!ier <0M% este un fi!ier text care conine marca#e
)etichete+ care 1spun2 bro*ser-ului cum s afi!ee pa$ina
-eb.
<0M% nu este un limba# de pro$ramare ci unul declarati..
<0M% utiliea marcatori )ta$-uri+ descripti.i pentru
definirea modului de preentare !i a structurii lo$ice a unui
anumit document hipertext.
&rearea unei pa'ini Web
Crearea unei pa$ini -eb presupune5
@. 3ditarea fi!ierului <0M% utilind un editor de texte
obi!nuit )-ordpad, :otepad, -ord etc.+ sau un editor de texte
dedicat ):etscape Composer, <otMetal etc.+
(. Aal.area pa$inii -eb cu exetnsia .html sau .htm
4. 'eol.area referinelor coninute n pa$ina -eb
)le$turi, ima$ini, sunete, filme etc.+
Pa$ina -eb astfel realiat poate fi .iualiat prin
intermediul unui bro*ser.
Aplicaia (%
'ealiai o pa$in -eb, parcur$nd pa!ii urmtori
@
5
@. %ansai n execuie un editor de texte )de exemplu
-ordpad+
(. Acriei n document5 Aceasta este prima pa'in) Web*
4. Aal.ai documentul ),ile Aa.e+. n caseta de text +ave
in# preciai folderul n care .a fi sal.at fi!ierul
)aplicatii<0M%+. n cmpul ,ile name# scriei numele
fi!ierului care trebuie s aib extensia .html sau .htm )de
@
Mai inti creai pe "es>top un folder cu numele aplicatii'("L n care s
sal.ai documentele <0M%.
B
exemplu, a@.html+. n caseta +ave as tpe ale$ei obli'atoriu
(et )ocument.
(
),i$ura @+.
,i'ura (
9. Pentru a .iualia pa$ina creat, executai dublu clic pe
fi!ierul a@.<0M% din folderul aplicatii<0M%. "atorit
extensiei .html sau .htm, sistemul -indo*s lansea n
execuie bro*serul prestabilit !i pa$ina este .iualiat.
),i$ura (+.
(
/le$ei *es n fereastra de a.ertiare care . spune c ales s sal.ai n
format text, ceea ce nltur toate formatrile
C
,i'ura -
"ocumentul a(%html nu este un document <0M%
standard, chiar dac este funcional. ,i!ierul a-%html
),i$ura 4+ repreint aceea!i pa$in -eb, dar scris n
conformitate cu standardele
comunitilor internaionale
de specialitate. 'eultatul
.iualirii documentului
a(.html este acela!i cu cel
al .iualirii documentului
a@.html.
,i'ura .
Aplicaia -%
Modificai fi!ierul a@.html, introducnd liniile suplimentare
care apar n fi$ura 4. Aal.ai fi!ierul cu numele a(.html )nu
D
EhtmlF
EheadF
E8headF
Ebod=F
/ceasta este prima pa$ina -ebG
E8bod=F
E8htmlF
uitai s specificai Te!t /ocument n caseta +ave as tpe+.
&iualiai documentul <0M% cu a#utorul bro*serului.
,ormatul unui document HTML
,i!ierele <0M% sunt fi!iere text obi!nuite a.nd
extensia .html sau .htm !i sunt di.iate n dou pri5 antetul
)head+ !i corpul )bod++.
"e asemenea, un document <0M% este alctuit dintr-o
succesiune de blocuri )elemente+. /cestea pot fi imbricate
)incluse unul n altul+. 7n bloc este delimitat de simboluri
speciale numite marca,e sau tag-uri )etichete+. 3tichetele sunt
incluse ntre parantee EHF !i transmit comeni bro*serului
pentru a afi!a pa$ina ntr-un anumit mod.
n $eneral, se inserea un marca# la nceputul unui
element )tag de nceput+ !i un marca# la sfr!it )tag de sf-rit+,
ambele purtnd numele elementului respecti.. /stfel, forma
unui element $eneric .a fi EelementFHE$elementF, unde
EelementF specific un tag de nceput !i E8elementF un tag de
sfr!it, iar element este numele unui element oarecare permis
de specificaiile <0M%.
Primul marca# dintr-un document <0M% este EhtmlF.
/cest marca# indic bro*serului nceputul unui document
<0M%. 7ltimul marca# din documentul <0M% este E8htmlF !i
indic bro*serului sfr!itul unui document <0M%.
6locul EhtmlFHE8htmlF include blocurile EheadFH
E8headF )antet+ !i EbodFHE8bodF )corp+. 0extul dintre
marca#ul 0head1 !i marca#ul 0$head1 repreint informaia
din antet. /ceast informaie nu este afi!at n fereastra
bro*serului )navigator+. "e obicei, aici apar definiii de
subpro$rame )rutine+ scrise n limba#e de tip script )precum
Ia.aAcript+, definiii de stiluri CAA ori meta-elemente, pentru
J
ca acestea s fie analiate !i memorate de bro*ser, antetul
fiind procesat primul.
Ae recomand ca fiecare pa$in <0M% s aib un titlu.
/cest lucru se realiea cu a#utorul unui bloc EtitleFH
E8titleF inclus n blocul EheadFHE8headF. 0extul dintre
marca#ele 0title1 !i 0$title1 repreint titlul documentului
<0M%, titlu ce .a fi afi!at n partea superioar a bro*serului.
Mai important este c titlul este utiliat de motoarele de
cutare, cum ar fi Kahoo !i Loo$le, precum !i n listele cu
pa$ini .iitate !i n semnele de carte din bro*serele
utiliatorilor.
0extul dintre marca#ul 0bod1 !i marca#ul 0$bod1
repreint textul ce .a fi afi!at de ctre bro*ser.
,ormatarea te!tului
Aplicaia .
Creai fi!ierul a4.html n care textul din blocul Ebod=F s
cuprind mai multe linii, ca n fi$ura 9.
,i'ura 2
@M
EhtmlF
EheadF
EtitleFPa$ina -ebE8titleF
E8headF
Ebod=F
/ceasta este o pa$ina -ebG
,isierele <0M% sunt fisiere text di.iate in doua parti5
- antetul
- corpul
E8bod=F
E8htmlF
&iualiai fi!ierul a4.html cu a#utorul bro*serului
implicit. 'eultatul este cel din fi$ura ?.
,i'ura 3
;bser.ai c textul a fost scris pe o sin$ur linie. /ceasta
deoarece caracterele spaiu, tab !i .&8L/ )combinaie de
caractere $enerat automat la tastarea lui #nter+ care apar n
blocul EbodFHE8bodF sunt i$norate de ctre bro*ser.
+"4r5itul de linie
0recerea pe o linie nou se face numai la o comand
explicit care trebuie s apar n pa$ina <0M%. /ceast
@@
comand este marca#ul Ebr$F )line brea0 N ntrerupere de
linie+.
Aplicaia 2%
Modificai fi!ierul a4.html. Introducei marca#ul Ebr$F
unde este necesar pentru a obine textul pe mai multe rnduri,
ca n fi$ura B.

,i'ura 6
Blocuri pre"ormatate
Pentru ca bro*serul s interpretee corect caracterele
spaiu, tab !i .&8L/ care apar n cadrul unui text, acest text
trebuie inclus ntr-un bloc EpreFHE8preF.
@(
Aplicaia 3
Creai fi!ierul a9.html care s conin exemplul din
fi$ura C. ncrcai-l n bro*ser pentru a-l .iualia.
,i'ura 7
8ara'ra"e
7n para$raf este delimitat de etichetele EpFHE8pF. %a
ntlnirea marca#ului de nceput EpF, bro*serul las un rnd
liber fa de textul dinainte !i apoi afi!ea textul para$rafului.
Aplicaia 6
Creai fi!ierul a?.html din fi$ura D.
ncrcai fi!ierul n bro*ser. 'eultatul .iualirii
fi!ierului .a arta ca n fi$ura J.
@4
EhtmlF
EheadF
EtitleFPa$ina -ebE8titleF
E8headF
Ebod=F
EpreF
/ceasta este o pa$ina -ebG
,isierele <0M% sunt fisiere text di.iate in doua parti5
- antetul
- blocul
E8preF
E8bod=F
E8htmlF
,i'ura 9
,i'ura :
@9
EhtmlF
EheadF
EtitleFPa$ina -ebE8titleF
E8headF
Ebod=F
EpF/ceasta este o pa$ina -ebGE8pF
EpF
,isierele <0M% sunt fisiere text di.iate in doua parti5 Ebr8F
- antetul Ebr8F
- blocul
E8pF
E8bod=F
E8htmlF
Blocuri de titlu
ntr-un text sunt necesare titluri )headers+ de capitole de
diferite dimensiuni. /cestea pot fi introduse cu a#utorul
etichetelor Eh(F, Eh-F, Eh.F, Eh2F, Eh3F !i Eh6F. Marca#ul
Eh(F define!te cel mai mare titlu, iar marca#ul Eh6F define!te
cel mai mic titlu. %imba#ul <0M% adau$ o linie nou nainte
!i dup un titlu definit cu unul din marca#ele Eh(F, Eh-F,
Eh.F, Eh2F, Eh3F !i Eh6F. 0oate aceste marca#e se refer la
un bloc de text !i trebuie nsoite de un marca# de ncheiere
similar )de exemplu, Eh2FHE8h2F+.
0ipul de aliniere )la stn$a, la centru sau la dreapta+ a
titlului se poate specifica prin atributul align al etichetelor
Eh(F, Eh-F, Eh.F, Eh2F, Eh3F !i Eh6F.
/tributele sunt necesare pentru a particularia aciunea
preciat de numele etichetei. /ceste atribute apar n interiorul
paranteelor care delimitea eticheta dup sintaxa5
Eetichet atribut O .aloareF
; etichet poate a.ea mai multe atribute. "e exemplu, o
etichet cu dou atribute arat astfel5
Eetichet atribut@O.aloare@ atribut(O.aloare(F
Pentru a scrie un titlu de mrime @, centrat, se folose!te
construcia5
Eh@ ali$n O 2center2F
Linii ori;ontale
ntr-o pa$in -eb pot fi introduse linii oriontale. /cest
lucru se poate face cu a#utorul etichetei EhrF.
@?
Pentru a confi$ura o linie oriontal se utiliea
urmtoarele atribute5
- align permite alinierea liniei oriontale. &alorile
posibile sunt 1left2< =center2 !i 1ri$ht2P
- !idth permite ale$erea lun$imii liniei. &alorile posibile
sunt5
a+ numere ntre$i poiti.e repreentnd lun$imea
liniei n pixeli
b+ numere ntre @ !i @MM urmate de semnul Q
repreentnd procentul din limea pa$inii pe care
se ntinde linia
- size permite ale$erea $rosimii liniei. &alorile posibile
sunt numere ntre$i poiti.e repreentnd $rosimea
liniei n pixeli ).aloarea implicit este 1(2+
- noshade, cnd este preent, define!te o linie fr umbr
- color permite definirea culorii
4
liniei.
&ulori< "onturi 5i mar'ini
&uloarea de "ond
; culoare poate fi preciat n dou moduri5
@. Printr-un nume de culoare5 sunt disponibile cel puin
urmtoarele @B nume de culori5 aRua, blac>, blue, fuchsia,
$ra=, $reen, lime, maroon, na.=, oli.e, purple, red, sil.er, teal,
*hite !i =ello*.
(. Prin construcia 1Srr$$bb2 unde r, $ !i b sunt cifre
hexaecimale !i pot a.ea .alorile M, @, (, 4, 9, ?, B, C, D, J, @M,
a, b, c, d, e, f, /, 6, C, ", 3, ,.
3ste recomandat ca numele culorii s fie inclus ntre
$hilimele )2red2 sau 2SMa?,b(2+.
4
pentru modul de definire a culorii .ei para$raful .ulori1 fonturi i
margini.
@B
Culoarea pa$inii se stabile!te cu a#utorul atributului
bgcolor al etichetei EbodF, astfel5 Ebod= b$color O culoareF,
unde culoare se construie!te dup modelul preciat mai sus.
&uloarea te!tului
"efinirea culorii textului unei pa$ini -eb se face prin
intermediul atributului tet al etichetei EbodF, dup sintaxa
Ebod= text O culoareF, unde culoare se preciea ca !i mai
sus.
Aplicaia 7% 7rmtorul exemplu )fi$ura @M+ realiea o
pa$in -eb cu fondul de culoare $alben deschis !i textul de
culoare albastru nchis. )Modificai fi!ierul a?.html prin
adu$area atributelor bgcolor !i tet ale etichetei 0bod=1+.
,i'ura (>
@C
EhtmlF
EheadF
EtitleFPa$ina -ebE8titleF
E8headF
Ebod= b$colorO2li$ht=ello*2 textO2dar>blue2F
EpF/ceasta este o pa$ina -ebGE8pF
EpF
,isierele <0M% sunt fisiere text di.iate in doua parti5 Ebr8F
- antetul Ebr8F
- corpul
E8pF
E8bod=F
E8htmlF
+tabilirea caracteristicilor te!tului de ba;)
0extul afi!at ntr-o pa$in <0M% este caracteriat de
atributele5
- mrime )size+
- culoare )color+
- font )st+le+
/cestea sunt atribute ale etichetei Ebase"ontF. Aintaxa
utiliat este5
Ebasefont sie O numr color O culoare st=le O fontF
unde5
- numr poate fi un numr ntre$ cuprins ntre @ !i C
)@ pentru fontul cel mai mic !i C pentru fontul cel mai
mare+
- culoare este o culoare preciat prin nume sau printr-o
construcie 'L6
- font poate fi un font $eneric sau un font specific instalat
pe calculatorul .iitatorului. Ae accept ca .aloare !i o
list de fonturi separate prin .ir$ul.
/tributele stabilite de o etichet EbasefontF sunt .alabile
pn la sfr!itul documentului sau pn la ntlnirea unei alte
etichete EbasefontF. "ac eticheta EbasefontF lipse!te, atunci
textul din pa$ina -eb are atributele implicite5 sie O 4,
color O 2blac>2 !i st=le O 20imes :e* 'oman2.
Aplicaia 9% n fi!ierul aB.html preentat n fi$ura @@, s-au
folosit diferite .alori ale atributului sie. "e asemenea, pentru
titlu s-a utiliat eticheta Eh@F. 'eultatul .iualirii fi!ierului
este ilustrat n fi$ura @(.
@D
,i'ura ((
,i'ura (-
@J
EhtmlF
EheadF
EtitleFPa$ina -ebE8titleF
E8headF
Ebod=F
Eh@ ali$nOTcenterTF/ceasta este o pa$ina -ebGE8h@F
Pentru marimea literelor se foloseste atributul sie care poate
lua .aloarea5Ebr8F
Ebasefont sieO@F @Ebr8F Ebasefont sieO(F (Ebr8F
Ebasefont sieO4F 4Ebr8F Ebasefont sieO9F 9Ebr8F
Ebasefont sieO?F ?Ebr8F Ebasefont sieOBF BEbr8F
Ebasefont sieOCF CEbr8F
E8bod=F
E8htmlF
+tabilirea mar'inilor pa'inii Web
Poiionarea coninutului pa$inii -eb fa de mar$inile
ferestrei bro*serului se poate face cu a#utorul urmtoarelor
atribute ale etichetei Ebod=F5
- le"tmar'in stabile!te distana dintre mar$inea din
stn$a a ferestrei bro*serului !i mar$inea din stn$a a
coninutului pa$inii
- topmar'in stabile!te distana dintre mar$inea de sus a
ferestrei bro*serului !i mar$inea de sus a coninutului
pa$inii
/mbele atribute pot primi urmtoarele .alori5
- un numr ntre$ poiti. repreentnd distana msurat
n pixeli
- un procent din limea, respecti. nlimea ferestrei
bro*serului.
&rearea listelor
%imba#ul <0M% permite crearea de liste neordonate
)unordered+, ordonate )ordered+ sau de definiii )definition
list+.
; list neordonat este un bloc de text delimitat de
etichetele corespondente EulF !i E8ulF )ul N unordered list+.
,iecare element al listei este iniiat de eticheta EliF )li N list
item+. %ista .a fi identat fa de restul pa$inii -ebP fiecare
element al listei ncepe pe un rnd nou. 0a$-urile EulF !i EliF
pot a.ea un atribut tpe care stabile!te caracterul afi!at
naintea fiecrui element al listei. &alorile posibile ale acestui
atribut sunt5
- 1circle2 pentru 1U2P
- 1disc2 pentru 1V2 ).aloarea implicit+P
- 1sRuare2 pentru 1W2.
(M
; list ordonat de elemente este un bloc de text delimitat
de etichetele corespondente EolF !i E8olF )ol N ordered list+.
,iecare element al listei este iniiat de eticheta EliF. 0a$-urile
EolF !i EliF pot a.ea un atribut tpe care stabile!te tipul de
caractere utiliate pentru ordonarea listei. &alorile posibile
sunt5
- 1/2 pentru ordonare de tipul /, 6, C, ", HP
- 1a2 pentru ordonare de tipul a, b, c, d, HP
- 1I2 pentru ordonare de tipul I, II, III, I&, HP
- 1i2 pentru ordonare de tipul i, ii, iii, i., HP
- 1@2 pentru ordonare de tipul @, (, 4, 9, HP
0a$-ul EolF poate a.ea un atribut start care stabile!te
.aloarea iniial a sec.enei de ordonare. &aloarea acestui
atribut trebuie s fie un numr ntre$ poiti.. 0a$-ul EliF poate
a.ea un atribut value care stabile!te .aloarea pentru elementul
respecti. al listei. &aloarea acestui atribut trebuie s fie un
numr ntre$ poiti..
; list de definiii este format dintr-o succesiune de
termeni, fiecare termen fiind urmat de definiia sa. ntrea$a
list de definiii se ncadrea ntre etichetele corespondente
EdlF !i E8dlF )dl N definition list+. 7n termen al listei este
iniiat de eticheta EdtF, iar definiia unui termen este iniiat de
eticheta EddF.
Aplicaia :% &iualiai exemplul din fi$ura @4 )aC.html+. 3l
conine o list neordonat, o list ordonat !i o list de
definiii. 'eultatul .iualirii este ilustrat n fi$ura @9.
(@
,i'ura (.
((
EhtmlF
EheadF
EtitleFPa$ina -eb
E8titleF
E8headF
Ebod=F
EulFPentru o lista neordonata, .alorile posibile ale
atributului t=pe sunt5
EliF1circle2 pentru 1U2P
EliF1disc2 pentru 1V2 ).aloarea implicit+P
EliF1sRuare2 pentru 1W2.
E8ulF
EolF0ipul de caractere utiliate pentru ordonarea listei se
stabileste cu atributul t=pe5
EliF1/2 pentru ordonare de tipul /, 6, C, ", HP
EliF1a2 pentru ordonare de tipul a, b, c, d, HP
EliF1I2 pentru ordonare de tipul I, II, III, I&, HP
EliF1i2 pentru ordonare de tipul i, ii, iii, i., HP
EliF1@2 pentru ordonare de tipul @, (, 4, 9, HP
E8olF
EdlF0ermeni folositi in ---
EdtFInternet
EddFInternetul este o retea de calculatoare din
toata lumea care stochea informatii si le expedia
EdtF---
EddFsistem de distributie locala sau $lobala a
informatiilor mutimedia
E8dlF
E8bod=F
E8htmlF
,i'ura (2
&rearea tabelelor
n limba#ul <0M%, tabelele permit creatorului de pa$ini
<0M% s-!i aran#ee datele )text, ima$ini, le$turi, H+ pe
rnduri !i coloane de celule.
Pentru a insera un tabel se folosesc etichetele
corespondente EtableF !i E8tableF. 7n tabel este format din
rnduri. Pentru a insera un rnd ntr-un tabel se folosesc
etichetele EtrF !i E8trF )folosirea etichetei de sfr!it E8trF este
opional+. 7n rnd este format din mai multe celule ce conin
date. ; celul de date se introduce cu eticheta EtdF.
n mod implicit, un tabel nu are chenar. /tributul border
al etichetei EtableF adau$ un chenar unui tabel. &aloarea
acestui atribut poate fi orice numr ntre$ !i repreint
$rosimea n pixeli a chenarului tabelei.
(4
Pentru a alinia un tabel ntr-o pa$in -eb se utilieat
atributul ali'n al etichetei EtableF, cu urmtoarele .alori
posibile5 1left2 ).aloarea implicit+, 1center2 !i 1ri$ht2.
Culoarea de fond se stabile!te cu a#utorul atributului b'color,
care poate fi ata!at ntre$ului tabel prin eticheta EtableF, unei
linii prin eticheta EtrF sau unei celule de date prin eticheta
EtdF. Culoarea textului din fiecare celul poate fi stabilit cu
a#utorul expresiei5
Efont color O 2.aloare2FH E8fontF.
"istana dintre dou celule .ecine se define!te cu a#utorul
atributului cellspacin' al etichetei EtableF. &alorile acestui
atribut pot fi numere ntre$i poiti.e, inclusi. M, !i repreint
distana n pixeli dintre dou celule .ecine. "istana dintre
mar$inea unei celule !i coninutul ei poate fi definit cu
a#utorul atributului cellpaddin' al etichetei EtableF. &alorile
acestui atribut pot fi numere ntre$i poiti.e, inclusi. M, !i
repreint distana n pixeli dintre mar$inea unei celule !i
coninutul ei.
,i'ura (3
(9
EhtmlF
EheadF
EtitleFPa$ina -eb cu tabelE8titleF
E8headF
Ebod=F
Etable borderOT4T cellspacin$OT(MT cellpaddin$OT4MTF
EtrFEtdFCelula @
EtdFCelula (
EtrFEtdFCelula 4
EtdFCelula 9
E8tableF
E8bod=FE8htmlF
Aplicaia (>% &iualiai exemplul din fi$ura @? )aD.html+.
Modificai .alorile atributelor cellspacing !i cellpadding !i
obser.ai efectul.
"imensiunile unui tabel N limea !i nlimea N pot fi
stabilite exact prin intermediul a dou atribute, width !i
hei'ht, ale etichetei EtableF. &alorile acestor atribute pot fi5
- numere ntre$i poiti.e repreentnd limea, respecti.
nlimea n pixeli a tabeluluiP
- numere ntre$i ntre @ !i @MM urmate de semnul Q,
repreentnd fraciunea din limea, respecti.
nlimea total a pa$inii.
7nui tabel i se poate asocia un titlu cu a#utorul etichetei
EcaptionF. /ceasta trebuie plasat n interiorul etichetelor
EtableFHE8tableF, dar nu n interiorul etichetelor EtrF sau
EtdF.
7n tabel poate a.ea celule cu semnificaia de cap de tabel.
/ceste celule sunt introduse de eticheta EthF )table header+ n
loc de EtdF. Coninutul celulelor definite cu EthF este scris cu
litere aldine !i centrat. 0oate atributele care pot fi ata!ate
etichetei EtdF pot fi, de asemenea, ata!ate etichetei EthF.
Coninutul unei celule poate fi aliniat pe oriontal cu
a#utorul atributului ali'n, care poate lua .alorile5 1left2 )la
stn$a+, 1center2 )centrat+, 1ri$ht2 )la dreapta+, 1char2
)alinierea se face fa de un caracter+. &aloarea implicit a
atributului ali'n este 1center2. "ac alinierea este de tipul
char, atunci caracterul n raport cu care se face alinierea este
definit de atributul char care prime!te ca .aloare caracterul de
aliniere )n mod implicit acest caracter este 1.2+. /linierea pe
.ertical a coninutului unei celule se face cu a#utorul
atributului vali'n, care poate lua .alorile5 1baseline2 )la ba+,
(?
1bottom2 )#os+, 1middle2 )la mi#loc+, 1top2 )sus+. &aloarea
prestabilit este 1middle2.
"imensiunile unei celule de tip EtdF sau de tip EthF pot fi
stabilite exact cu a#utorul atributelor width )pentru lime+ !i
hei'ht )pentru nlime+. &alorile posibile ale acestor atribute
sunt5
- numere ntre$i poiti.e )inclusi. M+ repreentnd
dimensiunea n pixeli a limii, respecti. a nlimii
unei celuleP
- procente din limea, respecti. nlimea tabelului.
"ou atribute ale etichetelor EtdF sau EthF permit
extinderea unei celule peste celulele .ecine. /stfel, extinderea
unei celule peste celulele din dreapta ei se face cu a#utorul
atributului colspan, a crui .aloare determin numrul de
celule care se unific. 3xtinderea unei celule peste celulele de
dedesubt se face cu a#utorul atributului rowspan, a crui
.aloare determin numrul de celule care se unific. Aunt
posibile extinderi simultane ale unor celule pe oriontal !i pe
.ertical. n acest ca, n etichetele EtdF sau EthF .or fi
preente ambele atribute, colspan !i rowspan. /tributul
nowrap aparine elementelor EtdF !i EthF !i interice
ntreruperea unei linii de text, astfel c n tabel pot aprea
coloane cu o lime orict de mare.
Aplicaia ((% n fi$ura @C este ilustrat reultatul .iualirii
documentului aJ.html, preentat n fi$ura @B. ;bser.ai efectul
utilirii atributelor colspan !i ro!span. 0abelul are titlu,
introdus cu a#utorul etichetei Ecaption2.
(B
,i'ura (6
(C
EhtmlF
EheadF
EtitleFPa$ina -eb cu tabel
E8titleF
E8headF
Ebod=F
Etable borderOT4TF
EcaptionF0abel cu celule extinse
EtrFEtdFCelula @
EtdFCelula (
Etd ro*spanOT(TFCelula 4
EtrFEtdFCelula 9
EtdFCelula ?
EtrFEtdFCelula B
EtdFCelula C
EtdFCelula D
EtrFEtd colspanOT4TFCelula J
E8tableF
E8bod=F
E8htmlF
,i'ura (7
"ac un tabel are celule de date .ide, atunci aceste celule
.or aprea n tabel fr un chenar de delimitare. n scopul de a
afi!a un chenar pentru celulele .ide, se utiliea urmtoarele5
- dup EtdF se pune caracterul XnbspP
- dup EtdF se pune EbrF.
6locul Ecol$roupFHE8col$roupF permite definirea unui
$rup de coloane. /tributele acceptate de Ecol$roupF sunt5
span )determin numrul de coloane dintr-un $rup+P width
)determin o lime unic pentru coloanele din $rup+P ali'n
)determin un tip unic de aliniere pentru coloanele din $rup+.
/tributul "rame al etichetei EtableF permite specificarea
prilor din chenarul unui tabel care .or fi afi!ate. &alorile
(D
posibile ale acestui atribut sunt 1.oid 2, 1abo.e 2, 1belo*2,
1hsides 2, 1lhs 2, 1rhs 2, 1.sides 2, 1box 2, 1border 2.
&rearea le')turilor ?n limba@ul HTML
%imba#ul <0M% utiliea hiperle$turile pentru a realia
o conexiune cu un alt document de pe -eb. 3xist trei tipuri
de le$turi5
- interne N le$turi n interiorul unui document <0M%
)pa$in -eb+. /ceste le$turi a#ut la deplasarea prin
documente ce conin foarte mult informaieP
- locale N le$turi la alte pa$ini <0M% de pe acela!i
ser.er -ebP
- externe N le$turi la pa$ini <0M% aflate pe alte ser.ere
-eb.
%imba#ul <0M% utiliea marca#ul ancor EaF )anchor+
pentru a crea o le$tur spre un alt document. 7n marca#
ancor poate indica orice resurs de pe -eb5 un document
<0M%, o ima$ine, un fi!ier sunet, un film. Aintaxa utiliat
pentru crearea unei ancore este urmtoarea5
Ea hrefO27'%2F0ext ce .a fi afisatE8aF
Marca#ul EaF este utiliat pentru a crea ancora, iar
atributul hre" stabile!te adresa documentului de care se lea$
ancora. 0extul dintre marca#ul de start EaF !i marca#ul final
E8aF este textul care .a fi afi!at ca hiperle$tur.
/tributul tar'et permite ncrcarea pa$inii solicitate ntr-o
alt fereastr dect cea curent. /tributul tar'et accept
urmtoarele .alori cu semnificaie special5
- 1Yblan>2 )ncrcarea are loc ntr-o fereastr nou,
anonim+P
- 1Yparent2 )ncrcarea are loc n fereastra printe+P
- 1Yself2 )ncrcarea are loc n aceea!i fereastr+P
(J
- 1Ytop2 )ncrcarea are loc n fereastra 1top2 a cadrelor
curente+.
Pentru a atribui un nume unei ancore, se utiliea
atributul name. 7tiliarea unei ancore cu nume permite
crearea unei le$turi direct la o anumit seciune dintr-un
document <0M%, eliminnd deplasarea prin document.
Aintaxa unei ancore ce are atribuit un nume este urmtoarea5
Ea nameO2nume2F0ext ce .a fi afisatE8aF
/tributul title aparine etichetei EaF !i comand apariia
unei mici ferestre n pa$ina -eb cnd mouse-ul se afl pe o
le$tur, fereastr n care este afi!at .aloarea acestui atribut.
/cest atribut are menirea de a furnia informaii suplimentare
despre semnificaia unei le$turi.
Ima'ini
Pentru a insera o ima$ine ntr-o pa$in -eb, se utiliea
eticheta Eim'F. Pentru a identifica ima$inea care .a fi
inserat, se utiliea atributul src al etichetei Eim$F. &aloarea
acestui atribut este adresa 7'% a ima$inii. "ac ima$inea se
afl n acela!i director cu fi!ierul <0M% care face referire la
ima$ine, atunci adresa 7'% a ima$inii este format numai din
numele ima$inii, inclusi. extensia. "ac ima$inea se afl n alt
director, n construcia adresei 7'% se utiliea adresarea
relati., adic fa de directorul curent.
Aplicaia (-. /plicaia a@M.html )fi$ura @D+ preint un
document <0M% n care s-a inserat o ima$ine. Pentru ca
exemplul s funcionee corect, trebuie ca ima$inea s se afle
n acela!i director ca !i fi!ierul a@M.html. reultatul .iualirii
aplicaiei este ilustrat n fi$ura @J. ,i$ura (M preint aceea!i
aplicaie, n caul n care ima$inea nu se afl n acela!i director
cu documentul <0M%.
4M
,i'ura (9
,i'ura (:
4@
EhtmlF
EheadF
EtitleFPa$ina -eb cu ima$ine
E8titleF
E8headF
Ebod=F
Eh@ ali$nOTcenterTF
Ima$inea de mai #os repreinta un calculator
Eim$ srcOTcalculator.#p$TF
E8bod=F
E8htmlF
,i'ura ->
Pentru a adu$a chenar n #urul unei ima$ini, se folose!te
atributul border al etichetei Eim$F, atribut care prime!te
.alori ntre$i poiti.e repreentnd $rosimea n pixeli a
chenarului.
; ima$ine are anumite dimensiuni pe oriontal !i pe
.ertical. "imensiunile prestabilite ale unei ima$ini pot fi
modificate prin intermediul atributelor width !i hei'ht ale
etichetei Eim$F. &alorile posibile ale acestor atribute sunt5
- numere ntre$i poiti.e repreentnd dimensiunea
respecti. exprimat n pixeliP
4(
- numere de la @ la @MM urmate de Q, exprimnd
procentul din limea, respecti. nlimea blocului n
care se afl ima$inea.
/linierea unei ima$ini ntr-o pa$in -eb se realiea cu
a#utorul atributului ali'n al etichetei Eim$F, atribut care poate
lua una din urmtoarele .alori5
- left N aliniere la stn$a5 celelalte componente ale
pa$ini sunt dispuse n partea dreaptP
- right N aliniere la dreapta5 celelalte componente ale
pa$ini sunt dispuse n partea stn$P
- top N aliniere deasupra5 partea de sus a ima$inii se
alinia cu partea de sus a textului care precede
ima$ineaP
- middle N aliniere la mi#loc5 mi#locul ima$inii se
alinia cu linia de ba a textului care precede
ima$ineaP
- bottom N aliniere la ba5 partea de #os a ima$inii se
alinia cu linia de ba a textului.
/linierea textului n #urul unei ima$ini se realiea cu
a#utorul atributelor hspace !i vspace ale etichetei Eim$F, care
preciea distana pe oriontal, respecti. pe .ertical dintre
ima$ine !i restul elementelor din pa$in.
"ac dimensiunea unei ima$ini de nalt reoluie este
mare, timpul de ncrcare a pa$inii -eb n fereastra
bro*serului cre!te cu att mai mult cu ct le$tura dintre client
!i ser.er este mai lent.
Pentru ca utiliatorul s nelea$ ce.a din ima$ine pn la
ncrcarea acesteia, se afi!ea elemente alternati.e care
nlocuiesc ima$inea pn la ncrcarea sa complet. Pentru
aceasta se utilea dou atribute ale etichetei Eim$F5
- atributul alt admite ca .aloare un text care .a fi afi!at
n locul ima$inii )ori de cte ori mouse-ul este
44
poiionat pe suprafaa ima$inii, pe ecran apare textul
care conine .aloarea atributului+
- atributul lowsrc admite ca .aloare adresa unei ima$ini
de #oas reoluie, de dimensiune mic, ima$ine care
poate fi ncrcat imediat chiar dac le$tura dintre
client !i ser.er este slab.
; ima$ine poate fi folosit pentru a stabili fondul unei
pa$ini -eb, folosindu-se atributul bacA'round al etichetei
Ebod=F, atribut care prime!te ca .aloare adresa 7'% a
ima$inii. Ima$inea se multiplic pe .ertical !i pe oriontal
pn umple tot ecranul.
n timpul derulrii coninutului unei pa$ini -eb de
dimensiuni mari care are o ima$ine de fond, textul !i ima$inea
de fond se derulea mpreun. Pentru ca n timpul derulrii
unei pa$ini ima$inea de fond s rmn fix, se utiliea
atributul b'properties
9
al etichetei Ebod=F cu .aloarea fied.
; ima$ine poate fi folosit ca le$tur ctre alt pa$in
-eb. Pentru a utilia ima$inea calculator.,pg ca le$tur ctre
pa$ina a@.html, se utiliea sintaxa5
Ea href O Ta@.htmlTFEim$ src O Tcalculator.#p$TFE8aF
n mod implicit, ima$inea folosit ca le$tur este
ncon#urat de un chenar a.nd culoarea unei le$turi. Pentru a
nltura acest chenar, se folose!te atributul border la etichetei
Eim$F, atribut care trebuie s primeasc .aloarea M.
&rearea cadrelor ?n limba@ul HTML
Cadrele permit mprirea ferestrei bro*serului n
subferestre n care se pot ncrca documente <0M% diferite.
Cadrele sunt definite ntr-un fi!ier <0M% special, n care
blocul Ebod=FHE8bod=F este nlocuit de blocul EframesetFH
E8framesetF. n interiorul acestui bloc, fiecare cadru este
9
/cest atribut funcionea numai cu Internet 3xplorer.
49
introdus prin eticheta EframeF. 7n atribut obli$atoriu al
etichetei EframeF este src, care prime!te ca .aloare adresa
7'% a documentului <0M% care .a fi ncrcat n acel frame.
,iecare marca# EframesetF define!te un set de rnduri sau
coloane. &alorile pentru rnduri sau coloane indic suprafaa
din fereastra na.i$atorului pa care rndurile sau coloanele o
.or ocupa.
Marca#ul EframeF are patru atribute importante5
- name, atribut care stabile!te numele cadrului. 3ste util
atunci cnd folosim atributul tar$et n marca#ul EaFP
- "rameborder, atribut care stabile!te dac .a fi afi!at
sau nu mar$inea )bordura+ cadrului !i poate a.ea
.alorile M )nu se afi!ea+ sau @ )se afi!ea+P
- scrollin', atribut care stabile!te sau nu dac .or fi
afi!ate barele de derulare )scrollbars+. /cest atribut
poate a.ea una din urmtoarele .alori5 no )nu sunt
afi!ate niciodat barele de derulare+, =es )barele de
derulare sunt afi!ate ntotdeauna+ !i auto )barele de
derulare sunt afi!ate atunci cnd este necesar+P
- noresi;e, atribut care specific dac un cadru poate fi
modificat )mrit sau mic!orat+ de ctre persoana care
na.i$hea.
n caul n care un na.i$ator nu suport utiliarea cadrelor,
este indicat adu$area marca#ului EnoframesF, marca# care .a
afi!a informaia din interiorul su doar dac na.i$atorul nu
suport utiliarea cadrelor.
Aplicaia (.% 3xemplele din ima$inile de mai #os ilustrea
utiliarea cadrelor pentru lucrul cu mai multe ferestre n cadrul
ferestrei bro*serului.
4?
,i'ura -(
,i'ura --
4B
EhtmlF
EheadF
EtitleF
Aistemul -indo*s
E8titleF
Eframeset colsOT@?Q,ZTF
Eframe srcOTmeniu.htmlTF
Eframe srcOTtext.htmlT nameOTtextTF
E8framesetF
E8htmlF
EhtmlF
EheadF
EtitleFE8titleF
Est=le t=peOTtext8cssTFa [text-decoration5 none\
E8st=leF
E8headF
Ebod= b$colorOTdar>blueT textOTli$ht=ello*T
lin>OTli$ht=ello*T alin>OToran$eT .lin>OT=ello*T
leftmar$inOT@?QTF
Eim$ srcOTcalculator.*mfT *idthOT@MMQTFEbrFEbrF
Ea hrefOTproprietati8proprietati.htmlT tar$etOTtextTF
Proprietatile sistemului -indo*sE8aFEbrFEbrF
Ea hrefOTmouse8mouse.htmlT tar$etOTtextTF7tiliarea
EbrFmouse-uluiE8aFEbrFEbrF
Ea hrefOTinterfata8interfata.htmlT tar$etOTtextTFInterfata
sistemului -indo*sE8aFEbrFEbrF
E8bod=F
E8htmlF
,i'ura -.
,i'ura -2
4C
EhtmlF
EheadF
E8headF
Ebod= b$colorOTli$ht=ello*TF
E8bod=
E8htmlF
,i$ura (@ preint fi!ierul inde.html )de obicei, prima
pa$in a unui site N pa$ina de intrare N se nume!te index+ care
mparte fereastra bro*serului n dou one cu a#utorul blocului
0"rameset1B0$"rameset1. ]ona din partea stn$ a ferestrei
bro*serului este folosit pentru afi!area coninutului pa$inii
<0M% definit n fi!ierul meniu.html ilustrat n fi$ura ((, iar
ona din stn$a se nume!te tet !i se folose!te pentru afi!area
pa$inii definit n fi!ierul tet.html din fi$ura (4. /ceast on
)tet+ .a fi utiliat pentru afi!area pa$inilor corespuntoare
le$turilor din meniul din partea stn$.
'eultatul .iualirii fi!ierului inde.'("L cu a#utorul
bro*serului este ilustrat n fi$ura (9.
"e obicei, o le$tur este subliniat !i are alt culoare fa
de restul textului.
%iniile 9 !i ? din fi!ierul meniu.tt ),i$ura ((+ !i anume5
Est=le t=peOTtext8cssTFa [text-decoration5 none\
E8st=leF
sunt folosite pentru a nltura sublinierea le$turilor din meniu,
iar atributele lin01 alin0 !i vlin0 ale etichetei Ebod=F de mai
#os5
Ebod= b$colorOTdar>blueT textOTli$ht=ello*T
lin>OTli$ht=ello*T alin>OToran$eT .lin>OT=ello*T
leftmar$inOT@?QTF
sunt utiliate pentru a stabili culoarea unei le$turi )lin0+, a
unei le$turi acti.e )alin0+ respecti. a unei le$turi .iitate
)vlin0+.
4D
Teste
(% &ompletai spaiile albe cu e!presiile sau cuvintele care
lipsesc#
7n document <0M% este o succesiune de
)@+YYYYYYYYYYY. 7n bloc este delimitat de )(+YYYYYYYYYYY.
/cestea sunt incluse ntre parantee )4+YYYYYYYYYYY !i
transmit comeni ctre )9+YYYYYYYYYYY pentru a afi!a pa$ina
ntr-un anumit mod.
7n document <0M% standard const dintr-un bloc
)?+YYYYYYYYYYY care include alte dou subblocuri5
)B+YYYYYYYYYYY !i )C+YYYYYYYYYYY.
Caracterele )D+YYYYYYYYYYY, )J+YYYYYYYYYYY !i
)@M+YYYYYYYYYYY ce apar ntre etichete sunt i$norate de ctre
bro*ser.
Ae recomand ca fiecare pa$in <0M% s aib un titlu.
/cest lucru se realiea cu a#utorul unui bloc
)@@+YYYYYYYYYYY inserat n blocul )@(+YYYYYYYYYYY.
0recerea pe o linie nou se face numai la o comand
explicit care trebuie s apar n pa$ina <0M%. /ceast
comand este marca#ul )@4+YYYYYYYYYYY. /fi!area ntocmai a
coninutului unui bloc de text din fi!ierul surs se face prin
includerea acestui bloc ntre etichetele )@9+YYYYYYYYYYY.
; culoare poate fi preciat n dou moduri5 printr-un
)@?+YYYYYYYYYYY sau prin construcia )@B+YYYYYYYYYYY.
Culoarea fondului pa$inii -eb se stabile!te cu atributul
)@C+YYYYYYYYYYY al etichetei )@D+YYYYYYYYYYY astfel5
)@J+YYYYYYYYYYY, unde culoare se construie!te dup modelul
preentat mai sus. "efinirea culorii textului unei pa$ini -eb se
face prin intermediul atributului )(M+YYYYYYYYYYY al etichetei
)(@+YYYYYYYYYYY, dup sintaxa )((+YYYYYYYYYYY.
4J
Poiionarea coninutului pa$inilor -eb fa de
mar$inile ferestrei bro*serului se poate face cu a#utorul a dou
atribute ale etichetei )(4+YYYYYYYYYYY5 )(9+YYYYYYYYYYY !i
)(?+YYYYYYYYYYY. /mbele atribute pot primi urmtoarele
.alori5 un )(B+YYYYYYYYYYY )repreentnd o distan msurat
n )(C+YYYYYYYYYYY+ sau un )(D+YYYYYYYYYYY din limea,
respecti. nlimea ferestrei bro*serului.
Pentru a insera o ima$ine ntr-o pa$in -eb, se
utiliea eticheta )(J+YYYYYYYYYYY. Pentru a putea identifica
ima$inea care .a fi inserat, se utiliea atributul
)4M+YYYYYYYYYYY, a crui .aloare este )4@+YYYYYYYYYYY a
ima$inii.
; le$tur ctre o pa$in aflat n acela!i director se
formea cu a#utorul etichetei )4(+YYYYYYYYYYY. Pentru a
precia pa$ina indicat de le$tur se utiliea atributul
)44+YYYYYYYYYYY, care ia ca .aloare )49+YYYYYYYYYYY
fi!ierului <0M% aflat n acela!i director, care .a nlocui
.echea pa$in. ]ona acti., adic ona din pa$ina -eb care
de.ine sensibil la apsarea butonului stn$ al mouse-ului, este
format din )4?+YYYYYYYYYYY cuprins ntre etichetele
)4B+YYYYYYYYYYY.
C)spuns5
)@+ blocuri
)(+ etichete )ta$-uri, marca#e+
)4+ un$hiulare )EHF+
)9+ bro*ser
)?+ EhtmlFHE8htmlF
)B+ EheadFHE8headF
)C+ Ebod=FHE8bod=F
)D+ spaiu
9M
)J+ 0ab
)@M+ C'8%,
)@@+ EtitleFHE8titleF
)@(+ EheadFHE8headF
)@4+ Ebr8F
)@9+ EpreFHE8preF
)@?+ nume de culoare
)@B+ Srr$$bb
)@C+ b$color
)@D+ Ebod=F
)@J+ Ebod= b$color O culoareF
)(M+ color
)(@+ EbasefontF
)((+ Ebasefont color O culoareF
)(4+ Ebod=F
)(9+ leftmar$in
)(?+ topmar$in
)(B+ numr ntre$ poiti.
)(C+ pixeli
)(D+ procent
)(J+ Eim$F
)4M+ src
)4@+ adresa 7'%
)4(+ EaF
)44+ href
)49+ numele
)4?+ textul
)4B+ EaFHE8aF
-% +) se reali;e;e un site alc)tuit din dou) pa'ini#
8rima pa'in)< numit) index.HTML s) aib) urm)torul
coninut#
9@
Dumele 5i prenumele
&lasa
E le')tur) c)tre cealalt) pa'in)
A doua pa'in)< numit) pagina.HTML s) aib) culoare
de "ond< s) conin) te!tul =A doua pagin a site-uluiF
scris cu o culoare contrastant) "a) de culoarea de "ond
5i s) aib) inserat) o ima'ine%
9(
Biblio'ra"ie#
@. Lu$oiu, 0eodoru N '("L prin eemple, 3ditura 0eora,
6ucure!ti, (MM4
(. 6ura$a, Aabin N 3roiectarea siturilor Web4 design i
funcionalitate, 3ditura Polirom, 6ucure!ti, (MM(
4. "r$hici, Mar$areta "ina N 5ituri Web n '("L6,
3ditura 0ehnic, 6ucure!ti, (MM4
9. -illiams, 'obinP 0ollet, Iohn N )esign pentru Web,
3ditura Corint, 6ucure!ti, (MM4
94
&G8CID+
/+I:03':30...............................................................................................(
6+M;"3M..................................................................................................(
C+-;'%" -I"3 -36................................................................................4
"+6';-A3'3.............................................................................................9
3+/"'3A3 -36.........................................................................................9
HTML%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%3
C'3/'3/ 7:3I P/LI:I -36......................................................................B
,;'M/07% 7:7I ";C7M3:0 <0M% .......................................................J
,;'M/0/'3/ 03^07%7I.........................................................................@M
A,_'`I07% "3 %I:I3................................................................................@@
6%;C7'I P'3,;'M/0/03........................................................................@(
P/'/L'/,3.............................................................................................@4
6%;C7'I "3 0I0%7...................................................................................@?
%I:II ;'I];:0/%3...................................................................................@?
C7%;'I, ,;:07'I `I M/'LI:I.................................................................@B
C7%;/'3/ 03^07%7I..............................................................................@C
A0/6I%I'3/ C/'/C03'IA0ICI%;' 03^07%7I "3 6/]a............................@D
A0/6I%I'3/ M/'LI:I%;' P/LI:II -36..................................................(M
C'3/'3/ %IA03%;'.................................................................................(M
C'3/'3/ 0/63%3%;'.............................................................................(4
C'3/'3/ %3La07'I%;' : %IM6/I7% <0M%........................................(J
IM/LI:I...................................................................................................4M
C'3/'3/ C/"'3%;' : %IM6/I7% <0M%.............................................49
TH+TH%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%.:
BIBLIEICA,IH#%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%2.
99