Sunteți pe pagina 1din 33

Caracteristici ale limbajului HTML Privire general Inainte de a ncepe s analizm natura limbajului HTML, trebuie s descoperim mai

nti de unde provine acesta. nceputurile sale le gsim n anul !"#, cnd odat cu e$isten%a a mii de programe de procesoare, de te$t, &iecare salvnd datele n &elul su, era aproape imposibil crearea unui singur &i'ier te$t ,care s &ie vizualizat de &iecare sistem de operare care e$ista la acea dat. La aceea vreme, Internetul nu putea e$ista pentru c era di&icil ca sistemele de operare 'i programele s translateze &i'iere scrise ntr(un alt program. )ici intervine *+ML ,*tandard +eneralized Mar-up Language., la originea sa, *+ML descrie modul n care te$tul electronic ar trebui &ormatat, un &el de cod universal de generare a te$tului. /u alte cuvinte, *+ML este de&init ca un meta(limbaj, un model pentru a dezvolta ulterior alte limbaje. 0ondarea site(urilor de 1eb de azi are la baza *+ML, &r de care ar &i e$istat un Internet pentru sistemul de operare de la Microso&t, un altul pentru sistemul Mac 'i un altul pentru sistemul de operare 23I4. /el mai important dintre limbajele ulterior dezvoltate este HTML, de'i alte limbaje ca 'i 56ML ,5irtual 6ealit7 Modeling Language. 'i 4ML ,8$tensible Mar-up Language. au nceput s devin tot mai populare datorit e&ectelor 'i a interactivit%ii aduse n paginile de 1eb. /el mai important &actor care a condus la succesul Internetului a &ost neutralitatea sa. )ceasta nseamn c indi&erent n ce tar triesti, indi&erent de ce limb vorbe'ti sau c9iar ce sistem de operare &olose'ti, ai acces nelimitat la toate in&orma%iile publicate pe Internet. Tocmai pentru a &ace posibil acest lucru, trebuie s e$iste un set de reguli, standarde universal acceptate care s descrie modul n care un site 1eb s &ie &ormatat ast&el nct s &ie accesibil tuturor. :roblema era cine s decid 'i s impun aceste standarde, pentru c Internetul nu era proprietatea unei na%iuni, ast&el subordonarea unei organiza%ii guvernamentale nu era posibil.)st&el a rmas n sarcina unei organiza%ii, care nu este implicat n a&aceri 'i este non(guvernamental. *(a &ondat n acest mod ;orld

;ide ;eb /onsortium ,;</., n anul !!=, &ormat din Laboratorul de >tiin% a /alculatoarelor de la Massac9usetts Institute o& Tec9nolog7 ,MITL/*. din *2), Institutul 3ational de /ercetare n In&ormatic 'i )utomatica ,I36I). din 8uropa 'i de 2niversitatea ?eio din )sia, avnd menirea de a dezvolta 'i publica standarde pentru ;orld ;ide ;eb. )ceste standarde cuprind totul despre limbaje de programare &olosite n Internet pentru a conecta protocoale ca 'i T/:@I: sau comenzi ale modemurilor. /u alte cuvinte dac o te9nologie este asociat cu Internetul, ;</ &ie a publicat un standard pentru aceasta ,&ie lucreaz la acest standard. )ceste standarde nu sunt ns legi impuse companiilor care dezvolta produse destinate Internetului, totu'i aceste standarde sunt un important ajutor pentru dezvoltatori, pentru a asigura compatibilitatea &inal a produselor lor. )ceasta se &ace n bunul spirit al a&acerilor asigurndu(se c nici un potential client nu va &i n ncurctur din cauza incompatibilitatilor 9ard 'i so&t. Istoricul limbajului HTML :e msur ce Internetul s(a dezvoltat, era important s e$iste un &ormat comun pentru toate site(urile 1eb, pentru ca &iecare sistem de operare s poat citi orice site 1eb. 0olosind ca 'i model *+ML, HTML ,H7per Te$t Mar-up Language. a &ost dezvoltat, prima s versiune aparnd n anul !! . *pre deosebire de *+ML, HTML este un limbaj de programare avnd de&inite un set de instruc%iuni, n &orma tag(urilor de HTML, dezvoltnd ulterior mai multe versiuni ale sale. )juns actualmente la maturitate prin posibilitatea manipulrii de imagini sunete 'i video ct 'i prin integrarea cu cu alte te9nologii, HTML a &ost intial conceput doar pentru &ormatare de te$t. Termenul Hyper nseamn c un document HTML poate &i codat pentru a permite cititorului s acceseze alte documente HTML cu ajutorul legturilor ,97perlin-s.. Termenul Mar-up se re&er la &ormatarea de te$t n interiorul unui document HTML. La origini, acest limbaj a &ost proiectat pentru a permite dezvoltatorilor s controleze modul de a&i'are a unui te$t, dar 'i s permit accesul altor documente via 97perlin-(uri. )ceast lucru este important pentru a n%elege limitrile HTML. )lte te9nologii au &ost dezvoltate pentru a veni n ntmpinarea

problemelor pe care HTML nu le putea rezolva, tocmai din considerente de simplitate, ini%ial nu se inten%iona altceva dect &ormatarea te$tului indi&erent de plat&orm. :rima versiune de HTML, a aprut la &inele anului !!A, iar n &orma s general numai sistemul de operare 3e4T putea citi aceste documente HTML. Inventatorul su, Tim Berners(Lee a observat lipsa unui limbaj te$t care s &ie portabil pe mai multe plat&orme pentru &olosirea pe Internet, a'a c n anul urmtor speci&ica%iile noului limbaj au &ost puse pe Internet. n acela'i timp, acesta a revzut codul pentru a &ace limbajul independent de plat&orm prin &olosirea unui program compilator de HTML, care a devenit bro1ser(ul de azi. n continuare s(au dezvoltat noi bro1sere care s suporte acest limbaj, ns numai cteva erau compatibile ntre ele. 8&orturile de a consolida acest limbaj, au continuat cu versiunea HTML C care ns nu a &ost niciodat publicat, 'i nu a avut ecou pn la dezvoltarea HTML D.A 'i impunerea s ca 'i standard industrial. 5ersiunea HTML D.A a aprut n anul !!E, versiune care a impus standardul. Fdat cu apari%ia acestui nou standard, apar primele dou bro1sere bine dotate, 3etscapeGs 3avigator D.A 'i Microso&tGs Internet 8$plorer D.A. )mbele au &ull suport pentru HTML D.A, care este de asemenea prima versiune cu suport on(line pentru imagini 'i &orme. 8ste important de remarcat c aceast versiune a &ost &olosit n timpul primei e$plozii a Internetului, cnd &irme 'i organiza%ii au descoperit poten%ialele bene&icii rezultate din gzduirea in&orma%iilor n pagini 1eb. Hatorit &le$ibilittii limbajului HTML, dezvoltatorii au nceput s creeze o nou versiune. 5ersiunea HTML <.A are la baz ns versiunea HTML C, care include parametrii cum ar &i suport de tabele, te$tul aliniat cu imagini 'i numere comple$e, n plus spre mai mult &le$ibilitate n aliniamentul paginilor 'i tag(uri adi%ionale pentru &ormatarea de te$t. Totu'i aceast versiune a e'uat deoarece modi&icrile &a% de precedenta versiune erau a'a de multe, ast&el nct un upgrade pentru ca noile bro1sere s suporte acest nou standard era considerat prea costisitor. Ins multe din atributele versiunii HTML <.A vor &i preluate n urmtoarea versiune de succes, HTML <.D. He'i a aprut la numai un an de versiunea D.A, apari%ia acesteia a &ost necesar datorit &aptului c un numr de bro1sere au nceput s suporte tag(uri

proprii pentru a asigura &le$ibilitatea limbajului. 3oua versiune era un amalgam ntre versiunile D.A 'i <.A la care s(au adugat tag(uri proprii, &iind publicat n versiune &inal n !!#. n momentul publicrii, cteva &acilit%i n comun utilizate de bro1serele cele mai importante lipseau. )ceste &acili%i cuprind stiluri, &rame(uri, &unc%ii matematice avansate. 3etscape 3avigator <.A 'i Microso&tGs Internet 8$plorer <.A ambele suport HTML <.D. In anul !!I, versiunea HTML =.A care a devenit un standard era numai par%ial acceptat de 3etscapeGs /ommunicator =.A 'i Microso&tGs Internet 8$plorer =.A. Fdat cu aceast versiune, apare prima ncercare de a e$tinde &unc%ionalitatea limbajului prin adugarea de tag(uri de obiecte 'i de stiluri n cascad, pentru a suporta &acilit%i care nu e$istau n HTML <.D. Tag(ul de obiect este important pentru c accept script(uri, codurile din limbajele de script s &ie direct incluse n sursa HTML a documentului. Totu'i aceste noi &acilit%i pot necesita majore modi&icri n ar9itectura bro1serelor curente, pentru o mai bun compatibilitate, &apt care ar putea duce la o insu&icient implementare a noii versiuni. /teva din avantajele HTML suntJ documente independente de plat&orm legturi cu alte documente inser%ie de gra&ic, video 'i sunet interactivitate ntre cititorul documentului 'i aplica%ia dorit de autor. He'i au &ost publicate mai multe versiuni ale standardului pentru setul de instruc%iuni HTML, ambele mari &irme mari productoare , 3etscape 'i Microso&t au urmat n linii mari standardele, dar au adugat 'i &acilit%i proprii bro1serelor lor. )ceste &acilit%i variaz de la tag(ul pentru includerea de imagini ntr(un document HTML 'i pn la includerea altor te9nologii avansate cum ar &i controale )ctive4 'i Kavascript. Hin pcate tag(urile di&erite suportate de cele dou bro1sere sunt prea multe pentru a &i enumerate, totu'i este important a observa di&eren%ele comune. He e$emplu, ambele bro1sere au de&ini%ii proprii pentru stiluri n cascad 'i ambele suport di&erite aspecte ale HTML =.A, dar nici unul nu suport standardul care a &ost dezvoltat dup apar%tia bro1serelor. Hin punctul de vedere a utilizatorului &inal, cnd se acceseaz un site 1eb care &olose'te tag(uri ce nu sunt suportate de bro1ser, nu se vor a&i'a mesaje de eroare. Hac site(ul 1eb nu va cuprinde o imagine sau o alt

component, sau dac dezvoltatorul a considerat aceast situa%ie, utilizatorul va vedea pagina ntr(un &ormat di&erit, tolerat de abilit%ile bro1serului. 6ecomandrile ;</ au la baz speci&ica%iile pentru standardul HTML =.A, care este construit pe versiunea HTML <.D 'i HTML D.A. /teva dintre &acilit%ile puternice ale noii versiuni suntJ suport pentru style sheet L se poate utiliza un st7le s9eet scris n limbajul /** pentru a controla culoarea, &ontul 'i la7out(ul paginii 1eb. internaionalizarea L pentru a &acilita un 1eb interna%ional, HTML include &acilit%i pentru MrenderizareN te$t scris de la dreapta la stnga, n arab sau ebraic. )tributul L)3+ poate &i utilizat cu multe tag(uri pentru a ajuta bro1serul s a&i'eze te$tul n con&ormitate cu limba aleas. He asemenea e$ist &acilit%i pentru a speci&ica codarea 'i limba unui document disponibil printr(un lin-. &acilit%i de accesibilitate L unii utilizatori se bazeaz pe sintetizatoare de voce cnd navig9eaz prin 1eb. HTML = include multe &acilit%i care &ac 1eb(ul mai accesibil pentru acei care au di&erite probleme de percep%ie. tabele i forme L e$ist multe &acilit%i la compunerea de tabele 'i &orme n HTML. script-uri i multimedia L e$ist noi &acilit%i de inserare de script(uri 'i un nou tag FBK8/T care permite &olosirea sistemelor multimedia. Sintaxa HTML ntreaga dezvoltare a HTML s(a &cut &r a a&ecta simplitatea limbajului. He&inirea &ormatrii de te$t se &ace cu ajutorul tag(urilorO de e$empluJ Pnume tagQ textul afectat de tag P@nume tagQ. n general tag(urile sunt perec9i, ns unele sunt tag(uri singulare. 8$ist pu%ine reguli generale de care trebuie s se %in cont n momentul n care se elaboreaz un document HTML. 0iecare document este structurat n dou pr%iJ nceput sau antet ,9ead. 'i con%inut ,bod7.. nceputul con%ine declara%ii despre document iar con%inutul reprezint de &apt 97perte$tul documentului. PHTMLQ

PH8)HQPTITL8Q Titlul documentului P@TITL8QP@H8)HQ PBFHRQ Textul documentului propriu-zis P@BFHRQ P@HTMLQ n HTML e$ist dou tipuri de elementeJ caractere entiti i tag-uri. Caracterele entiti L reprezint caracterele uzuale care se &olosesc la editarea documentelor HTML 'i trebuie s apar%in setului standard )*/II ,caractere pe I bi%i., dar nu pot include caractere din setul e$tins ,pe " bi%i., deoarece &iecare plat&orm utilizeaz o de&ini%ie di&erit a caracterelor din setul superior )*/II. Totu'i navigatoarele pot interpreta coduri de caractere e$tinse ,de e$emplu, I*F Latin sau I*F Latin D, superseturi )*/II.. *olu%ia pentru a reprezenta corect 'i pentru a permite translatarea caracterelor speciale, a &ost de&inirea unui set special de coduri, numite caractere entit%i, care pot &i incluse n documentele HTML pentru reprezentarea codurilor dorite. /nd sunt interpretate de navigatoare, aceste caractere entit%i sunt a&isate n mod corespunzator %innd cont de plat&orma pe care ruleaz navigatorul 'i de &ontul utilizat. /aracterele entit%i sunt prede&inite 'i pot lua una din cele dou &orme posibileJentiti nume 'i entiti numere. toate caracterele entiti nume ncep cu semnul S ,ampersand., urmat de numele entit%ii ,e$. ScircO care este reprezentat de navigatoare ca . toate caracterele entiti numere ncep cu semnul S 'i sunt reprezentate de un numar precedat de semnul T ,de e$emplu ST D#O care este reprezentat de navigatoare ca U.. Toate reprezentrile se termin cu punct(virgul ,O.. 2tilizarea setului I*F Latin permite reprezentarea celor mai multe caractere diacritice L prezente pe majoritatea plat&ormelor L dar este totu'i limitat. /aracterele romne'ti se gsesc n totalitate numai n setul I*F Latin D. Hecodarea seturilor Latin sau D nu este implementat n toate navigatoarele 'i din aceast cauz documentele scrise cu aceste coduri sunt a&i'ate de unele navigatoare prin recurgerea la setul )*/II. 8ntit%ile pentru caracterele romne'ti VW ,se reprezint &ie prin entit%i nume ,I*F Latin .J SatildeO, S)tildeO, SacircO, S)circO, SicircO, SIcircO. &ie pot &i reprezentate prin entit%i numere ,I*F Latin D. vom &olosiJ STDDIO, ST !EO, STDD#O, ST !=, STD<", STDA#O.

Tag-urile HTML au nume scrise ntre paranteze ung9iulare ,Pnume tagQ. 'i pot avea optional cteva perec9i de atribute care pot lua anumite valori. Tag(urile pot &i nevide, adic perec9i ntre care apare te$tul a&ectat 'i vide sau singulare. Tag(urile nevide pot &i de dou tipuriJ de nceput ,PnumeQ. 'i de s&r'it ,P@numeQ. 'i au e&ect asupra te$tului inclus n ele. 8$emple de tag(uri nevideJ PIQAcest text va fi afisat italicP@IQ PBQ cest text va !i a!isat ingrosatP@BQ 'i de tag(uri videJ PH6Q insereaz o linie orizontal PIM+ *6/XNlogo.gi&NQ insereaz n rnd o imagine. Tag(urile 'i atributele pot &i editate att cu caractere mici ct 'i cu caractere mari. )tributele au 'i ele un nume 'i pot lua numai anumite valori. 0orma n care sunt editate atributele este 32M8XNvaloareN. 5aloarea trebuie inclus n g9ilimele. Hac n tag e$ist mai multe atribute, ele trebuie separate prin spa%iu. PnumeYtag numeYatributXNvaloareYatributNQTextul afectat de tagP@numeYtagQ Structurarea "ocumentelor HTML Limbajul HTML este un limbaj pentru descrierea documentelor structurate 'i se bazeaz pe &aptul c majoritatea documentelor au elemente comuneJ titluri, paragra&e, tabele, etc. HTML posed un set de tag(uri pentru marcarea acestor elemente de structur. F prezentare ;eb const din mai multe pagini structurate de proiectantul unui site ntr(o manier coerent care s permit realizarea unui anumit scop. :agina de nceput ,9omepage. con%ine in&orma%ii generale sau sumarul celorlalte pagini. 26L(urile ei permit vizitarea de alte pagini. Structurarea documentelor se realizeaz n raport cu con%inutul sau cu abrevierile prezentrii. *tructurarea ierar9ic permite ra&inarea in&orma%iilor de sus n jos prin detalieri succesive n raport cu abrevierele propuse. Frice nivel de detaliere are o inter&a% consistent de navigare, iar variantele de navigare sunt limitate la deplasarea n 9omepage. )vantajele pricipale constau n viteza de deplasare pn la ultimul nivel 'i napoi.

/a 'i e$emplu, mai jos se prezint o structur combinat liniar 'i ierar9izat, &olosit mai ales n elaborarea c9estionarelor 0)Z. :entru realizarea sa a &ost aleas &olosirea unei structuri liniare 'i ierar9izate ,structura liniar este pe ultimul nivel de detaliere a structurii ierar9izate.. )ceast structur permite navigarea n 9omepage de la ultimul nivel de ierar9izare.

omentariile se pot introduce n documentele HTML. )cestea sunt de &apt ignorate de navigatoare. /omentariile ncep cu 'irul P[((, pot con%ine orice caracter 'i se termin la apari%ia 'irului ((Q. n general se recomand plasarea comentariilor pe o linie separat 'i evitarea utilizrii caracterelor speciale de tipul P,Q,S sau [. Titlurile sunt utilizate pentru ierar9izarea di&eritelor sec%iuni de te$t. HTML de&ine'te 'ase nivele pentru titluri, indicate n &ormatul PH QPHDQ\PH#Q. La a&i'are, titlurile nu sunt numerotate, diversele navigatoare a&i'ndu(le ast&el nct s ias n eviden% ,centrat, ngro'at, subliniat, mrit.. 8le nu trebuie indentate n document, indentrile &iind ignorate. Titlurile utilizate la structurarea documentului pot avea orice lungime.
<H1>Titlu de nivel 1</H1> <H2>Titlu de nivel 2</H2> <H3>Titlu de nivel 3</H3> <H4>Titlu de nivel 4</H4> <H5>Titlu de nivel 5</H5> <H6>Titlu de nivel 6</H6>

Paragrafele se speci&ic cu tag(ul P:Q ca tag vid ,&r un corespondent P@:Q.. /ele mai multe dintre primele navigatoare, consider c paragra&ele sunt &ormate n acest &el. La ntlnirea unui tag P:Q, ncep un nou rnd, lasnd cteva spa%ii verticale libere. Hup ultimele speci&ica%ii ale HTML =.A, tag(ul de paragra& nu este vid, ns tag(ul P@:Q este op%ional. Toate listele care apar n documentele HTML au elemente comuneJ ntrega list este ncadrat de tag(uri de nceput 'i de s&r'it de listJ P2LQ 'i P@2LQ, PFLQ 'i P@FLQ, etc. &iecare element al listei are propriul lui tagJPHTQ 'i PHHQ pentru listele glosar 'i PLIQ pentru celalate liste. Listele ordonate se de&inesc ast&elJ
<OL> <LI>Primul element <LI>Al doilea element <LI>Al treilea element </OL>

Listele ordonate ncep cu PFLQ ,abreviere de la Frdered List., 'i &iecare element introdus n list cu ajutorul tag(ului vid PLIQ. /nd navigatorul interpreteaz o ast&el de list, va numerota secven%ial &iecare element intlnit. Listele neordonate trebuie marcate cu tag(ul P2LQ, iar elementele listei se introduc la &el. /ele dou liste di&er prin &aptul c, aici, &iecare element este marcat cu o bulin.
<UL> <LI>Primul element <LI>Al doilea element </UL>

Listele meniu reprezint liste simple de elemente sau scurte paragra&e care nu sunt inserate cu ajutorul numerelor sau bulinelor. )&i'area lor se &ace prin indentare di&erit sau o &ormatare di&erit de restul te$tului. *inta$a de de&inire esteJ
<M !U> <LI>Primul element din meniu <LI>Al doilea element din meniu

<LI>Al treilea element din meniu </M !U>

Listele director sunt mai scurte dect listele meniu, sunt indentate 'i &ormatate n coloane de ctre navigatoare.
<"I#> <LI>fisiere/ <LI>aplicatii/ <LI>posta/ </"I#>

Listele de definiii sunt u'or di&erite &a% de celalalte liste. 0iecare element al listei este &ormat din dou par%iJ termenul de de&init 'i de&ini%ia. Listele de de&ini%ii ncep cu PHLQ 'i se termin cu P@HLQ. Termenii care trebuie de&ini%i sunt insera%i cu ajutorul etic9etei PHTQ, iar de&ini%iile corespunztoare cu ajutorul etic9etei PHHQ. Listele de de&ini%ii sunt &ormatate de navigatoare ast&el inct termenii 'i de&ini%iile sunt separate prin linii, iar marginile sunt indentate. /u ajutorul atributului /FM:)/T, list de de&ini%ii ar trebui s &ie &ormatat pe o supra&at de ecran mai mic. *e permite realizarea unei imbricri a listelor, prin inserarea unei alte liste n interiorul primei liste. *e pot insera liste neordonate n interiorul listelor ordonate 'i viceversa. 0orma de a&i'are a listelor imbricate di&er mult de la un navigator la altul. Tag-uri 2tilizarea tag(urilor pentru paragra&e, titluri sau liste a&ecteaz te$tul ca un ntreg, sc9imbnd &onturile, spa%ierea vertical, adaugnd o bulin sau un numr. Tag(urile pentru stilurile caracterelor a&ecteaz &elul n care vor &i a&i'%ate numai anumite cuvinte sau c9iar numai anumite caractere. Tag(urile pentru stilurile logice indic doar cum anume s &ie utilizat te$tul marcat nu 'i cum anume s &ie a&i'at. Hin acest punct de vedere sunt asemntoare tag(urilor &olosite la marcarea paragra&elor sau titlurilor. Tag(urile stilurilor logice indic doar &aptul c te$tul este o de&ini%ie, o bucat de cod sau doar o por%iune de te$t care trebuie scoas n eviden%a n raport cu conte$tul. 8ste complet la latitudinea navigatorului cum s a&iseze te$tul marcat cu aceste tag(uri, dac va &i ingro'at, italic sau eviden%iat n alt mod. Toate tag(urile stilurilor logice sunt nevide. )cestea suntJ

< M>$</ M> <'T#O!(>$</'T#O!(> <)O" >$</)O" > <'AMP>$</'AMP> <".!>$</".!> <)IT >$</)IT >

te%t a&&entuat te%t mai a&&entuat *e&ven+a de &od a,i-at &u ,ont ,i% e-antion de,ini+ie un *&urt &itat

Tag(urile pentru stilurile &izice indic navigatorului cum anume s &ie a&isat te$tul marcat. 3eajunsul acestor stiluri este c dac navigatorul nu poate a&i'a acel stil l va substitui cu altul. )cestea suntJ
</>$<//> <I>$</I> <TT>$</TT> te%t 0n1ro-at 2aldin3 te%t itali& 2&ur*iv3 te%t mono*4a+iat

Majoritatea documentelor HTML con%in te$t marcat cu tag(uri HTML. )ceasta &ace ca te$tul s &ie a&ectat de restric%iile HTML n sensul c toate spa%iile suplimentare ,tab, 68T263. s &ie ignorate de ctre navigator. )&i'area acestor te$te, a'a cum sunt ele, se poate &ace prin utilizarea tag(urilor P:68Q\P@:68Q. Toate spa%iile suplimentare cuprinse ntre aceste dou tag(uri vor &i a&i'ate a'a cum sunt. )st&el se pot a&isa tabele 'i c9iar gra&ic rudimentar ob%inute cu caractere )*/II. Te$tul pre&ormatat este a&i'at n majoritatea cazurilor cu &ontul /ourier monospa%iat. Liniile se insereaz cu tag(ul PH6Q 'i are ca e&ect crearea unei linii orizontale pe pagin. *e pot utiliza pentru separarea di&eritelor sec%iuni ale unei pagini 1eb sau pentru a pune n evident por%iuni de document cum ar &i liste, meniuri, in&orma%ii de contact. :entru a termina un rnd, se va &olosi tag(ul PB6Q. /nd navigatorul ntlneste acest tag, a&i'eaz te$tul care urmeaz acestui tag ncepnd de la marginea din stnga, oriunde este aceast margine. He e$emplu, dac se insereaz acest tag ntr(o list, marginea din stnga este alta dect n cazul unui te$t normal. *pre deosebire de P/IT8Q\P@/IT8Q, utilizat n citate scurte, PBLF/?Z2FT8Q este utilizat pentru citate mai lungi care nu sunt imbricate n alt paragra&. :unerea n eviden% a citatelor se &ace de regul prin indentare di&erit &a% de restul te$tului.

Tabele )cestea au &ost implementate nc din versiunea HTML <.A. 8lementele luate n considera%ie de HTML pentru codarea tabelelor suntJ capul de tabel, att n cazul n care a &ost a'ezat pe rnd ct 'i n cazul n care a &ost a'ezat pe coloan datele din tabel, care reprezint valorile nscrise n celulele tabelului celulele tabelului speci&ica%iile HTML permit ca n celulele tabelelor s &ie introdus orice element HTMLJ te$t &ormatat, imagini, legturi, &ormulare, etc. Frice tabel ncepe cu tag(ul PT)BL8Q 'i se termin cu P@T)BL8Q, ntre ele se include con%inutul tabelului inclus ntr(un numr oarecare de rnduri. )tributele acestui tag suntJ bor"er ,c9enar., cells#acing ,spa%iu ntre celulele tabelului., cell#a""ing ,spa%iu dintre marginile tabelului 'i con%inut. 'i $i"t% ,l%imea.. Tabelele se speci&ic rnd cu rnd, &iecare rnd con%innd de&ini%ii pentru &iecare din celulele care l &ormeaz. *e ncepe ast&el cu a de&ini rndul din partea de sus, celul cu celul, apoi se de&ine'te al doilea rnd, s.a.m.d. coloanele se calculeaz automat pe baza numrului de celule care sunt n &iecare rnd.
<TA/L > <T#> <TH>)a4 de ta5el</TH> <T">)elula 1</T"> <T">)elula 2</T"> </T#> </TA/L >

:erec9ea PT6Q\P@T6Q de&ine'te un rnd de tabel, perec9ea PTHQ\P@THQ de&ine'te o celula cap de tabel, iar perec9ea PTHQ\P@THQ de&ine'te o celul de date. :entru a alinia datele din tabele se permite o aranjare a lor, att pe orizontal ct 'i pe vertical. )ceste op%iuni de aliniere se &olosesc pentru oricare din tag(urile PT6Q, PTHQ, PTHQ. )tributul align este utilizat pentru aliniere orizontal 'i are trei valori posibile de luatJ left ,aliniere la stnga., right ,la dreapta., center ,aliniere la

centru.. )tributul valign este utilizat pentru aliniere pe vertical 'i poate lua urmtoarele valoriJ top ,aliniere la marginea de sus a celulei., bottom ,aliniere la marginea de jos a celulei., middle ,centrare vertical la mijlocul celulei., baseline ,alinierea se &ace cu baza primului rnd te$t din &iecare celul.. Implicit in&orma%iile din celulele cap de tabel sunt centrate att orizontal ct 'i vertical, iar in&orma%iile din celulele de date sunt centrate vertical dar aliniate orizontal la stnga. )tributele de aliniere inserate n tag(ul de nceput de rnd au e&ect asupra tuturor celulelor din rnd. )tributele de aliniere inserate n tag(urile care de&inesc celulele au preceden% &a% de atributele de aliniere inserate n tag(ul de nceput de rnd. :entru a organiza datele din tabel sau pentru a ob%ine e&ecte, celulele pot &i e$tinse att orizontal ,pe mai multe coloane. ct 'i vertical ,pe mai multe rnduri.. 8$tinderea se ob%ine cu ajutorul atributelor cols#an 'i ro$s#an utilizate cu tag(urile PTHQ 'i PTHQ. /elulele se e$tind totdeauna n jos 'i@sau spre dreapta deci pentru a crea o celul care se e$tinde peste cteva coloane se utilizeaz atributul cols#an n conjunc%ie cu tag(ul de nceput a celei mai din stnga celule din rnd, iar pentru a ob%ine e$tinderea unei celule pe mai multe rnduri se utilizeaz atributul ro$s#an n conjunc%ie cu tag(ul de nceput a celei mai de sus celule de pe coloan.
<TA/L <T#> <TH )OL'PA!62></TH> <TH>)elula e%tin*7 4e dou7 &oloane</TH> </T#> <T# ALI(!6) !T #> <TH #O8'PA!62>)elula e%tin*7 4e dou7 r9nduri</TH> <TH>)a4ul r9ndului 2</TH> </T#> </TA/L > /O#" #61>

L%imea tabelului se e$prim prin atributul $i"t% al tag(ului PT)BL8Q. 5aloarea sa se e$prim &ie prin unit%i ,pi$eli. &ie ca 'i procente din valoarea l%imii &erestrei n care este a&i'at tabelul. He asemenea poate &i utilizat 'i pentru a speci&ica l%imea celulelor individuale PTHQ 'i PTHQ.

)tributul cells#acing a&ecteaz spa%iul dintre celule ,grosimea liniei dintre dou celule adiacente., poate lua valori numerice ,numr de pi$eli. 'i valoarea implicit este D. )tributul a&ecteaz 'i conturul tabelului ,nu marginea, speci&icat de border.. )tributul cell#a""ing a&ecteaz spa%iul dintre marginile celulelor 'i con%inut, valoarea sa &iind e$primat n pi$eli. n mod implicit, 3etscape deseneaz tabele ast&el nct spa%iul pn la con%inutul celulelor este de pi$el. &ormulare interactive In marea majoritate a documentelor, interactivitatea const n &aptul c utilizatorul decide ce legatur 97perte$t s urmreasc. *peci&ica%iile HTML includ &ormulare care permit integrarea n document a cmpurilor te$t, butoane radio, csu%e de selec%ie, liste de selec%ie 'i cmpuri de editare. Interactivatea se bazeaz pe &aptul c pot &i utilizate pentru strngerea de in&orma%ie necesar unei alte aplica%ii a&late n spatele documentuluiJ o selec%ie dintr(o baz de date, rezultatul sondajului la care a participat, un document cu acces restrns. n crearea unui &ormular HTML e$ist mai multe etapeJ design(ul 'i scrierea &ormularului de intrare, care va &i e$plorat 'i completat de utilizator scrierea aplica%iei care interpreteaz datele completate de utilizator design(ul 'i scrierea documentului generat de program ca rspuns la cererea utilizatorului. *crierea &ormularului ncepe cu tag(ul P0F6MQ 'i se termin cu perec9ea sa P@0F6MQ. )tributele acestui tag sunt action ,ac%iune. 'i met%o" ,metoda.. 5alorile lui action speci&ica natura ac%iunii, care va avea loc printr(un program e$ecutat de serverul gazd pentru document. )ceaste valori pot &i search ,speci&ic un script pentru a realiza o cutare., url ,speci&ica 26L(ul programului care va &i e$ecutat., mailtoJadresa]domeniu ,se e$pediaz con%inutul &ormularului.. 5aloarea lui method speci&ic metoda utilizat de server pentru a trimite datele programului speci&icat n action. 0ormularele pot prelua tipuri di&erite de date prinJ csu%e de selec%ie

butoane radio liste cmpuri te$t pe unul sau mai multe rnduri 8lementul PI3:2TQ creaz mai multe tipuri de controale. )cestea includ

dou tipuri de butoane pe care utilizatorul le poate seta nc9is sau desc9is 'i cmpuri n care poate &i introdus te$t. :arametrul cel mai important este t'#e. )cesta speci&ic ce &el de I3:2T se asteapt de la utilizator 'i poate avea valorileJ chec! box, radio button, text, pass"ord, reset, submit. Hac nu se speci&ic atributul t7pe al elementului I3:2T, atunci valoarea sa implicit se consider t'#eXte$t. He asemenea un alt parametru utilizat pentru elementele I3:2T, e$cep%ie &cnd *2BMIT 'i 68*8T, este name. )cest parametru creaz un nume generic care va &i asociat cu rspunsul utilizatorului 'i permite serverului s interpreteze &ormularul pentru a determina corela%ia dintre &iecare rspuns al utilizatorului 'i elementele &ormularului.
!AM 6:adre*a: !AM 6:4ro,e*ii:

Tipul c9ec- bo$ permite crearea unui buton pe care utilizatorul l poate selecta desc9is@nc9is. ntr(un &ormular se pot include mai multe csu%e de selec%ie, &iecare va &i independent de celalalte. La trimiterea &ormularului, se vor trimite serverului numai csu%ele selectate. 8lemetele c9ec- bo$ pot con%ine de asemenea un parametru 5)L28, parametru care va permite setarea 'irului de caractere care va &i remis serverului la selectarea csu%ei. Hac 5)L28 nu apare, valoarea implicit asignat este F3. *e pot selecta una sau mai multe csu%e.
<.O#M> <I!PUT T;P 6:)H )</O=: !AM 6:&aini: >ALU 6:)o&?er:>)o&?er<P> <I!PUT T;P 6:)H )</O=: !AM 6:&aini: >ALU 6:'etter:>'etter<P> </.O#M>

8lementele radio &unctioneaz asemntor csu%elor de selec%ie. Hi&eren%a const n &aptul c n grupul de butoane, numai unul dintre butoane poate &i selectat la un moment dat. *electarea unuia duce automat la deselectarea celui selectat anterior. Butoanele radio pot avea nume generice, acelea'i pentru toate butoanele unui anumit grup. ntr(un grup poate &i activat un singur buton la un moment dat. Butonul implicit este marcat cu /H8/?8H.

<.O#M> <I!PUT T;P 6:#A"IO: !AM 6:a5onament: >ALU 6:3 luni:>3 luni<P> <I!PUT T;P 6:#A"IO: !AM 6:a5onament: >ALU 6:6 luni:>6 luni<P> <I!PUT luni<P> </.O#M> T;P 6:#A"IO: !AM 6:a5onament: >ALU 6:12 luni:>12

/mpul te$t se utilizeaz &recvent ca 'i &orm de intrare a datelor pentru culegerea de in&orma%ii cum ar &i nume, adresa de e(mail, comentarii scurte sau altceva care poate &i tastat ntr(un rnd. /a majoritatea elementelor I3:2T, un rnd te$t are un parametru 3)M8. La trimiterea datelor din &ormular la server, numelui i va &i asociat valoarea tastat. :arametrul 5)L28 este op%ional 'i cmpul te$t n acest caz va avea valoarea implicit dat de acest parametru. n cazul n care lipseste, te$tul ini%ial nu va con%ine nimic. :arametrul *I^8 permite setarea lungimii rndului n numr de caractere. Hac numrul de caractere este mai mare ,pn la valoarea ma$im admis prin M)4L83+TH., rndul va derula. Hac acesta lipse'te valoarea lungimii implicit este de DA caractere.
<.O#M> <P>Introdu&e+i numele dv*@ <I!PUT T;P 6:T =T: !AM 6:nume: 'IA 64B MA=L !(TH66B> <P>Introdu&e+i adre*a de eCmail <I!PUT T;P 6:T =T: !AM 6:adre*a: 'IA 63B MA=L !(TH64B> </.O#M>

Butonul 68*8T se de&ine'te pentru resetarea tuturor cmpurilor din interiorul unui &ormular. 6esetarea aduce to%i parametrii la valorile lor implicite. )cest buton nu are nume deoarece starea lui nu este transmis serverului, ac%ionarea sa a&ectnd numai bro1serul calculatorului gazd. *ingurul parametru pentru acest buton este 5)L28, a crui valoare este nscris pe buton.
<I!PUT T;P 6:# ' T: >ALU 6:#e*etare:>

Butonul *2BMIT este utilizat pentru a trimite &ormularul serverului. La ac%ionarea sa, &ormularul 'i continutul lui sunt trimise serverului speci&icat de )/TIF3 n linia P0F6MQ, utiliznd procedeul speci&icat cu M8THFH. *ingurul su parametru este 5)L28, a crui valoare va &i nscris pe buton. /mpurile necompletate 'i butoanele neselectate nu vor &i transmise.
<I!PUT T;P 6:'U/MIT: >ALU 6:'end:>

8lementul T84T)68) o&er posibilitatea de a accepta de la utilizator un bloc de te$t. )cesta are ca 'i parametrii 6F;* 'i /FL* care speci&ic dimensiunile &erestrei a&i'ate utilizatorului, e$primate n numr de caractere pe orizontal, respectiv vertical. )ceasta nu nseamn o limitare a utilizatorului n privin%a volumului de in&orma%ie care poate &i tastat deoarece umplerea &erestrei determin apari%ia barelor de derulare. )cest element nu este vid, necesitnd un tag perec9e P@T84T)68)Q.
<T =TA# A !AM 6:nume: #O8'65 )OL'62B>Te%t im4li&it</T =TA# A>

HTML permite crearea de liste de selec%ie, &ormate din unul sau mai multe elemente care pot &i selectate sau individual sau multiplu. Listele pot &i a&i'ate n interiorul unei &erestre sau n &orma pop(up. 0erestrele inserate permit accesarea elementelor con%inute cu ajutorul unor bare de de&ilare. Intre tag(urile P*8L8/TQ 'i P@*8L8/TQ sunt permise doar dou elementeJ te$tul simplu sau tag(ul PF:TIF3Q. :arametrul 3)M8 va &i trimis serverului impreun cu elementul selectat din list. :arametrul *I^8 este op%ional. Hac acesta lipse'te, valoarea sa implicit se consider , 'i n acest caz lista va &i de tip pop(up 'i din list se poate selecta doar un singur element. 2tilizarea acestor tip de liste este similar cu cea a butoanelor radio. Hac parametrul este mai mare de , lista este prezentat ntr(o &ereastr, valoarea lui *I^8 indicnd cte elemente pot &i vizualizate simultan. Hac lista este mai lung, celelalte elemente pot &i vzute cu ajutorul barei de de&ilare care va aprea. 2n alt parametru op%ional pentru P*8L8/TQ este M2LTI:L8. :arametrul nu are o valoare numeric asociat 'i prezenta lui asigur doar posibilitatea selec%iei mai multor elemente ale listei simultan ,cu ajutorul tastei /T6L.. 8lementul PF:TIF3Q este utilizat pentru de&inirea &iecrui element al listei. PF:TIF3Q are un singur parametru *8L8/T8H, care indic care element al listei este selectat implicit.
<.O#M> <P>'ele&tati &ulorile ,avorite din li*t7 urm7toareD <' L )T !AM 6:&ulori 'IA 64 MULTIPL > <OPTIO! ' L )T ">#o*u <OPTIO!>>erde <OPTIO!>Al5a*tru

<OPTIO!>Tur&oaE <OPTIO!>Ma1enta </' L )T> </.O#M>

&rame-uri HTML 0rame(urile sunt noi &acilit%i incluse n limbajul HTML care permit realizarea de pagini 1eb cu un con%inut mai comple$, permi%nd o imbricare a acestora. )prute n versiunea HTML <.D acestea o&er proiectantului posibilitatea structurrii paginii 1eb n mai multe pr%i componente, &iecare &iind tratat separat, permi%ndu(se o de&ilare separat a acestora n cadrul paginii de 1eb. 2tilizarea lor este &recvent n 9omepaginile de nceput, pentru c realizeaz o structurare evident 'i permite abordarea unei viziuni sistematice. 0iind introduse n ultimele versiuni a limbajului HTML este necesar &olosirea unui navigator care suport &rame(uri, ast&el rezultatul va &i o pagin goal. :entru de&inirea unui set de &rame(uri se &olose'te tag(ul P06)M8*8TQ, alturi de perec9ea s P@06)M8*8TQ ca 'i tag de s&rsit. :arametrul 06)M8BF6H86 se utilizeaz pentru a de&ini o margine vizibil a &rame(ului. n cazul n care nu se dore'te a&i'area unei margini, se poate preciza ca 'i valoare A. He asemenea un alt parametru care se poate utiliza este BF6H86 care de&ine'te marginea ntre dou &rame(uri. In documente se pot utiliza dou tipuri de &rame(uriJ verticale sau orizontale. Tipul acestora este stabilit de cei doi parametrii care se pot &olosi, /FL* ,pentru &rame(uri verticale. 'i respectiv 6F;* ,pentru &rame(uri orizontale.. :entru includerea e&ectiv a unui &rame n setul de &rame(uri se utilizeaza tag( ul P06)M8Q, care este un tag vid. /a 'i parametrii acesta poate aveaJ 3)M8 L de&ine'te numele unui &rame care ntr(un set trebuie s &ie unic *6/ L precizeaza numele documentului surs HTML care va &i inclus n &rame( ul respectiv

*/6FLLI3+ L parametru care poate lua dou valoriJ no ,nu permite o derulare a &rame(ului, aceasta n cazul mic'orrii &erestrei. 'i auto ,permite realizarea derulrii n &unc%ie de mrimea documentului. BF6H86 L precizez o margine proprie a &rame(ului 'i ia valori n numr de pi$eli. 0rame(urile permit realizarea de imbricri, ntr(o pagin &iind posibil

includerea unui numr nelimitat. 0rame(urile reprezint o abordare plcuta 'i modern n realizarea de prezentari. Mai jos se prezint structura unui &rame al aplica%iei &inale.
<frameset ,rame5order60 5order60 ,rame*4a&in160 &ol*6"100,*"> <frame name6"left" *r&6"content.html" *&rollin16no nore*iEe 5order60> <framesetroF*6"50,*"> <frame name6"timer" *r&6"header.html" *&rollin16no nore*iEe 5order60> <frame name6"right" *r&6"main.html" name6"test" *&rollin16auto> </frameset> </frameset>

Imagini (n "ocumente HTML Imaginile mbog%esc paginile ;eb nu numai sub aspect decorativO bog%ia in&orma%iei 'i noile posibilit%i de organizare a resurselor &ac din imagini un element indispensabil din publica%iile electronice. 8$ist dou tipuri de imagini care pot &i vzute de bro1sereJ imagini inline 'i imagini e$terne. Imaginile inline sunt imagini care apar direct n paginile 1eb &iind ncrcate odat cu pagina. F condi%ie pentru ca imaginile s poat &i a&i'ate este salvarea lor ntr(unul din &ormatele recunoscute de bro1sereJ +I0 sau K:8+. Imaginile externe sunt imagini care nu sunt a&i'ate la ncrcarea paginii. 8le pot &i ns ncrcate la cererea utilizatorului. Bro1serele pot &i con&igurate s manipuleze &i'iere imagine de di&erite tipuri prin utilizarea unor aplica%ii au$iliare, ast&el c imaginile e$terne pot &i salvate n &ormate di&eriteJK:8+, :/4, 4BM, :I/T, etc.

8$ist mai multe programe care permit editarea di&eritelor &ormate gra&ice, cele mai raspndite &iind )dobe :9otos9op 'i :aint *9op :ro. Hou trsturi &ac noile &ormate +I0 ,numite +I0"!. mai deosebiteJ &ormatul ntre%esut 'i &undalul transparent. Imaginile transparente sunt imagini la care culoarea ,sau modelul. din &undalul imaginii va transpare, dnd senza%ia c imaginea plute'te pe supra&a%a imaginii. nainte de a le converti trebuie s ne asigurm c imaginile au &undalul ntr( o singur culoare. Har &undalul unei imagini se poate izola utiliznd un program de editare imagine. Intre%eserea ,interlacing. nu sc9imb &elul n care este vzut imaginea n document ci doar aspectul ei n timp ce este ncrcat. :e masur ce imaginea este adus de pe net, apari%ia ei poate &i gradat, de la o imagine de rezolu%ie joas la una de rezolu%ie mai nalt. :entru crearea acestui e&ect este nevoie nu numai ca imaginea s &ie salvat ntr(un &ormat special ,+I0 intretesut. ci 'i ca bro1serul s &ie capabil s prezinte imaginea n timp ce aceasta este ncrcat. 2n &i'ier +I0 este salvat linie cu linie ,scan lines., ncepnd cu partea de sus a imaginii 'i continund progresiv n partea de jos. Hac navigatorul poate a&i'a imaginile n timp ce sunt ncrcate, mai inti partea de sus a imaginii 'i apoi tot mai mult din aceasta pe msur ce in&orma%ia imaginii ajunge pe sistem. Imaginile intre%esute sunt salvate di&erit. La nceput este salvat &iecare a opta linie ,ncepnd cu prima., apoi &iecare a patra linie ,incepnd cu a patra., apoi &iecare a patra linie ,ncepnd cu a treia., apoi restul rndurilor. La ncrcarea imaginii &ie liniile lips sunt umplute cu in&orma%ie din liniile deja sosite deja ,imaginea apare neclar pn la ncrcarea complet. ,&ie sunt a&i'ate doar liniile sosite. Hac bro1serul nu suport imagini ntre%esute sau dac este setat s a'tepte pn la sosirea ntregii imagini nainte de a&i'are, e&ectul nu va &i observat. )vantajul unui &ormat ntre%esut este c utilizatorul poate avea o idee despre ce anume reprezint imaginea nainte ca aceasta s soseasc n ntregime 'i poate s 9otrasc dac s astepte s se ncarce sau s ntrerup trans&erul. Imaginile inline se speci&ic cu tag(ul PIM+Q. )tributele sale suntJ *6/ L indic 26L(ul imaginii care va &i inserat n document )LT L ia ca valoare te$tul care va &i a&i'at de bro1serele care nu lucreaz n mod gra&ic

)LI+3 L permite controlul alinierii imaginii cu linia de te$t alturat. )cesta poate avea urmtoarele valoriJ . TF: L aliniaz imaginea cu partea de sus a rndului D. MIHHL8 L aliniaz imaginea cu mijlocul rndului <. BFTTFM L care aliniaz imaginea cu cea mai de jos parte a rndului sau cu partea de jos a celei mai mari imagini de pe rnd 8$ist 'i alte atributeJ ;IHTH L rezerv un spa%iu e$primat n pi$eli pentru l%imea imaginiiO dac

imaginea este de alt la%ime va &i scalat ast&el nct s ncap n spa%iul rezervat. H8I+HT L rezerva un spa%iu n pi$eli pentru nl%imea imaginiiO dac imaginea este de alt nl%ime va &i scalat ast&el nct s ncap n spa%iul rezervat. Imaginile senzitive sunt o alt &acilitate a bro1serelor. )cestea lucreaz cu ajutorul unui script. )st&el se creeaz o coresponden% ntre imaginile mapate 'i un &i'ier 9art 'i ca rezultat este apelat un anumit document corespunzator lin-(ului ac%ionat. Tag(ul I*M): dispus n interiorul tag IM+ declar c imaginea este una senzitiv. Maparea imaginii se &ace cu comenzi de &orm di&erit. )st&el pentru cerc trebuie precizate coordonatele centrului 'i raza, pentru dreptung9i col%ul stng sus 'i dreapta jos, iar pentru poligon coordonatele &iecrui nod. Friginea sistemului de coordonate ,A,A. se a&l n col%ul stnga sus al imaginii, iar pozi%ia a$ei AR este n jos. Maparea se poate &ace manual sau cu ajutorul unui program specializat care permite notarea coordonatelor zonelor prin clic- cu mouse(ul.

Stan"ar"ul HTML ).*

Lumea Internetului este ntr(o continu cutare de noi te9nologii 'i unelte care s &aciliteze elaborarea din ce n ce mai comod a aplica%iilor tot mai so&isticate. )st&el, MbtrnulN HTML a ajuns la versiunea = de standardizare. ;orld ;ide ;eb /onsortium ,;</, adic instan%a suprem atunci cnd este vorba despre stabilirea MlegilorN ;eb(ului. a lansat proiectul unui nou standard HTML, 'i anume versiunea =.A. n plus &a% de &acilit%ile de te$t, multimedia 'i

9iperlin-(uri ale versiunilor precedente, HTML =.A o&er mai multe op%iuni multimedia, limbaje de scripting, st7le(s9eet(uri, &acilit%i mbunt%ite de tiprire, iar documentele devin mai accesibile utilizatorilor cu 9andicapuri &izice. HTML =.A &ace, de asemenea, pa'i mari spre globalizarea documentelor, cu scopul de a &ace ;orld ;ide ;eb(ul cu adevrat M1orld(1ideN. Princi#ii !un"amentale Implementrile noii versiuni de HTML trebuie s aib la baz cteva principii &undamentale, enun%ate de ctre ;orld ;ide ;eb /onsortium. n continuare urmeaz o prezentare succint a acestora.

Interoperatibilitate. He'i majoritatea utilizatorilor sunt de acord c documentele


HTML trebuie s &unc%ioneze &r probleme, indi&erent de bro1ser sau plat&orm, atingerea interoperatibilit%ii presupune costuri mai mari din partea creatorilor de ;eb, din moment ce ei trebuie s realizeze versiuni multiple ale &iecrui &i'ier. Hac acest e&ort nu are loc, e$ist riscul ca ;eb(ul s devin o lume a &ormatelor incompatibile, scznd poten%ialul su comercial, cu consecin%e negative pentru to%i cei implica%i. 0iecare versiune de HTML ncearc s aduc o mai mare coeziune ntre protagoni'tii Mrzboiului bro1serelorN, ast&el nct creatorii de pagini de ;eb s nu( 'i iroseasc inutil energiile, iar documentele lor s nu devin, n scurt timp, imposibil de citit. Limbajul HTML a &ost conceput n ideea ca orice &el de dispozitiv s poat utiliza in&orma%ia de pe ;ebJ :/(uri cu a&i'aje gra&ice de rezolu%ii 'i numr de culori di&erite, tele&oane celulare, dispozitive de nregistrare 'i redare a sunetului, calculatoare cu lrgime mai larg sau mai ngust de band, 'i a'a mai departe.

Globalizare. :rezenta versiune de HTML a &ost proiectat cu ajutorul unor e$per%i


din domeniul globalizrii, ast&el nct documentele s poat &i scrise n orice limb 'i s poat circula cu usurin% n orice col% al lumii. )cest deziderat a &ost ndeplinit prin ncorporarea 60/DAIA, care trateaz globalizarea HTML(ului. 2n pas important a &ost adoptarea standardului I*F@I8/J A#=# ca set de caractere implicit pentru HTML. )cesta este cel mai cuprinztor standard e$istent n lume, acoperind problemele legate de caracterele interna%ionale, direc%ia de scriere a

te$tului,

punctua%ia

'i

alte

probleme

legate

de

globalizare.

HTML o&er acum posibilit%i mai variate pentru nglobarea ntr(un document a diverselor limbi de pe glob. )cestea duc la o inde$are mai e&icient a documentelor n motoarele de cutare, la tiprirea de nalt calitate, la o conversie te$t(voce mai bun, etc.

ccesibilitate. :e msur ce comunitatea ;eb(ului cre'te, iar membrii si 'i


diversi&ic abilit%ile 'i cuno'tin%ele, este crucial ca te9nologiile care rezult de aici s corespund 'i cerin%elor mai speciale. HTML a &ost proiectat pentru a &ace paginile de ;eb accesibile 'i persoanelor cu dis&unctionalit%i &izice. mbunt%irile HTML =.A n domeniul accesibilit%ii includJ _ ncurajarea utilizrii st7le(s9eet(urilor n locul tabelelor pentru &ormatarea paginiiO _0acilitarea o&eririi de alternative ,te$tuale. la descrierea imaginilor, pentru nevztoriO _F&erirea de etic9ete active pentru cmpurile din &ormulare _:osibilitatea crerii de grupri ierar9ice pentru cmpurile &ormularelor.

Tabele. 3oul model de tabel n HTML este bazat pe 60/ !=D. )utorii au acum un
control mai larg asupra structurii 'i &ormatrii tabelelor ,de e$emplu, grupurile de coloane.. :osibilitatea designerilor de a recomanda l%imile coloanelor va permite bro1serelor s a&i'eze datele din tabele incremental ,pe msur ce acestea se ncarc. n loc s a'tepte ncrcarea ntregului tabel nainte de a&i'area sa. +,ocumente com#use. 3oua versiune =.A o&er acum un mecanism standard pentru nglobarea obiectelor multimedia generice 'i a aplica%iilor n documentele HTML. 8lementul FBK8/T ,mpreun cu mai vec9ii si strmo'i IM+ 'i )::L8T. o&er un mecanism de includere a imaginilor, secven%elor video, sunetului, nota%iilor matematice, aplica%iilor specializate 'i a altor obiecte ntr(un document HTML. 8l permite autorilor s speci&ice o ierar9ie de moduri de interpretare pentru programele client care nu suport un anumit tip de obiect.

!t"le-s#eet-uri. *t7le(s9eet(urile simpli&ic scrierea codului HTML 'i l elibereaz


pe acesta de responsabilitatea reprezentrii. 8le o&er att autorilor ct 'i clien%ilor controlul complet asupra prezentrii documentelor ( in&orma%ii despre &onturi, aliniere, culori, etc.

Informaiile stilistice pot fi$


_ ata'ate unui anumit element pe care l a&ecteaz, cum ar &i culoarea sau modul su de aliniereO _ pla'at n 9eader(ul documentului ca o serie de stiluri care alctuiesc st7le(s9eet(ulO _ lin-ate n HTML dintr(un st7le(s9eet e$tern. Mecanismul includerii unui st7le(s9eet ntr(un document este independent de limbajul utilizat.

!cripting. /u ajutorul scripturilor, autorii pot crea M&ormulare inteligenteN, care


reac%ioneaz n &unc%ie de ac%iunile utilizatorului. *criptingul permite proiectan%ilor s creeze pagini de ;eb dinamice 'i s &oloseasc HTML ca o modalitate de dezvoltare a aplica%iilor de re%ea. Mecanismele o&erite pentru includerea scripturilor ntr(un document HTML sunt independente de limbajul de scripting &olosit.

Tiprirea. /aracteristicile HTML(ului permit programelor client s tipreasc o


colec%ie de documente ntr(o manier inteligent, bazat pe descrierea rela%iilor dintre documentele care alctuiesc o lucrare mai ampl. Sc%imbri (n structura tagurilor

Taguri noi. 3oile taguri aprute n HTML =.A sunt Z, I3*, H8L, )/6F3RM,
L8+83H, /FL+6F2:, B2TTF3 'i 0I8LH*8T.

Taguri nerecomandate. 2tilizarea urmtoarelor taguri nu mai este recomandatJ


I*I3H84, )::L8T, /83T86, 0F3T, B)*80F3T, *T6I?8, *, 2, HI6, 'i M832.

Taguri de%enite caduce. 2rmtoarele taguri au devenit caduceJ 4M:, :L)I3(


T84T, and LI*TI3+. n locul lor, va &i &olosit tagul :68. Sc%imbrile "in "omeniul tabelelor Modelul tabelelor din HTML =.A se bazeaz pe primele dezvoltri din HTMLC 'i proiectul ini%ial al lui HTML <.A. 5ec9iul model a &ost e$tins, ca rspuns la cererile tot mai &recvente ale autorilor de pagini ;eb pentru un control mbunt%it al prezentrii in&orma%iilor tabelate, cu urmtoareleJ

_ :osibilitatea alinierii dup caractere desemnate, cum ar &i M.N sau M,N ,de e$., alinierea unei coloane de numere n &unc%ie de pozi%ia punctului zecimal. _ 3ecesitatea unei mai mari &le$ibilit%i la speci&icarea cadrelor 'i liniilor gra&ice dintr(un tabelO _ 3evoia a&i'rii incrementale a tabelelor mari, pe msur ce datele sunt recep%ionateO _ :osibilitatea crerii de tabele de&ilabile cu 9eadere &i$e, plus mbunt%iri legate de mpr%irea tabelelor pe pagini, n vederea tipririiO _ 3ecesitatea e$isten%ei unor valori implicite pentru coloane, din considerente de aliniere n plus, un deziderat major a &ost asigurarea compatibilit%ii cu versiunile e$istente ale bro1serelor. )lt obiectiv a &ost simpli&icarea importului tabelelor n concordan% cu modelul *+ML /)L*. 2ltimul proiect HTML =.A asigur compatibilitatea atributului de aliniere cu versiunile deja e$istente ale bro1serelor. 2nele clari&icri au &ost &cute 'i n &unc%ionarea atributului MdirN 'i a comportamentului recomandat al bro1serelor atunci cnd l%imile absolute 'i relative ale coloanelor se suprapun. 2n nou element, /FL+6F2:, a &ost introdus pentru a permite grupurilor de coloane s &ie grupate cu valori di&erite ale l%imii 'i modului de aliniere, speci&icate de elementele /FL. *emantica lui /FL+6F2: a &ost modi&icat &a% de proiectele anterioare, iar rulesXNbasicN a &ost nlocuit de rulesXNgroupsN. )tributul de stil este inclus ca o modalitate de a e$tinde propriet%ile asociate marginilor 'i interioarelor grupurilor de celule. He e$emplu, stilul linieiJ punctat, dublu, gros@sub%ireO culoarea@modelul de umplere al interioruluiO marginea celulelor 'i in&orma%iile despre &ont. )cesta va &i ns subiectul unei speci&ica%ii suplimentare legatedest7le(s9eet(uri. )tributele cadrelor 'i liniilor gra&ice au &ost modi&icate pentru a evita con&lictele cu alte declara%ii *+ML 'i pentru a evita con&lictele cu atributele align 'i valign. )ceste modi&icri au &ost motivate suplimentar de dorin%a de a evita problemele ce ar putea s apar n viitor, ca o consecin% a e$tinderii speci&ica%iilor e$istente. Sc%imbri legate "e !ormuri

0ormurile de&inite n HTML <.D aveau urmtoarele de&icien%e principaleJ _ 3u erau prevzute comenzi de la tastatur pentru anumite opera%ii, pentru accesul la cmpuri, etc. _ He'i controalele din &orme puteau &i dezactivate dinamic, ele nu puteau &i declarate n acest sens la ini%ializareO _ /mpurile unui utilizarea de tip control te$t nu nu puteau a&ecta cu &i &cute starea &acilit%i de Mread(onl7NO controluluiO speech# _ 8tic9etele butoanelor radio 'i ale c9ec-bo$urilor nu erau senzitive, adic un clic pe etic9eta e&icient _ 3u e$ista posibilitatea gruprii de controale ntr(un mod care s ajute ntr(un mod bro1serelor _ 3u e$istau modalit%i de veri&icare a valorilor unui cmp pe msur ce ele erau introduse de ctre utilizator. 5eri&icrile erau &cute de server abia dup ce con%inutul &orm(ului era submisO _ 0ormurile puteau con%ine doar dou butoane de tip submit 'i reset$ :entru rezolvarea acestor probleme, HTML =.A introduce cteva noi atribute i taguriJ _ )tributul access!ey permite creatorilor de &ormuri s speci&ice comenzi de la tastatur pentru accesul direct la cmpurile &ormularului _ )tributul disabled permite setarea ini%ial a anumitor controale ca dezactivateO _ :rin utilizarea atributului adi%ional read-only% se poate interzice modi&icarea con%inutului unui cmpO _ Tagul L)B8L asociaz o etic9et unui anumit control dintr(un &orm. Tagul 0I8LH*8T grupeaz cmpurile similare 'i, n asociere cu tagul L8+83H, poate &i utilizat pentru a speci&ica numele unui grup. Toate aceste noi elemente permit o a&i'are mai e&icient 'i o mai bun interactivitate. _ 2n nou set de atribute, incluznd onc9ange(I3:2T, mpreun cu suportul pentru limbaje de scripting, permite autorilor s veri&ice datele introduse de utilizatorO _ Tagul I3:2T are un nou atribut care permite autorilor s speci&ice o list de valori permise sau patternuri ale datelor a'teptateO _ 3oul element B2TTF3 poate &i utilizat pentru a mbog%i &ormurile cu butoane suplimentare, n a&ar de submit 'i reset#

_ Tagul 0F6M accept 'i atributul accept-charset% de&init de 9eaderul HTT: M)ccept(/9arsetN ,vezi 60/DA#".. )cest atribut, propus pentru prima dat de 60/ "#I poate &i utilizat pentru a speci&ica o list a seturilor de caractere acceptate de server.

Stu"iu "e ca-. Home#age. :roiectarea unui Home:age presupune analizamai multor aspecte. ( n primul rnd te$tul trebuie s trezeasc interesul cititorilor de pretutindeni. 0iind accesibil din orice parte a lumii, este bine s apar n mai multe limbi ,sau cel pu%in douJ limba o&icial a statului respectiv 'i limba englez, care n domeniul in&ormaticii este aproape `universal`.. ( &orma documentului trebuie s aib un aspect estetic, realizabila prin &ormatarea te$tului, prin includere de imagini, anima%ii, etc. documentul trebuie scris n a'a &el nct s poat &i `vzut` de pe orice &el de calculator conectat la ;;;, indi&erent de 9ardul sau so&tul cu care lucreazO asta nseamn c n principiu cam trebuie evitate mbunt%irile care pot &ace un document mai &rumos, dar limiteaz posibilit%ile de vizualizare ,de e$., tag(uri HTML <.A.. :rtile generale ale documentului Home:age(ul, ca orice document HTML, ncepe cu tag(ul PHTMLQ, a crui perec9e P@HTMLQ se a&l c9iar la s&r'itul documentului. )cest tag nu are o semni&ica%ie importantO doar in&ormeaz bro1ser(ul c documentul este scris n HTML ,lucru care de &apt reiese 'i din e$tensia de &i'ier `.9tml`.. 0iecare document HTML trebuie s aib un titlu, care va apare ntre tag(urile PTITL8Q 'i respectiv P@TITL8Q. Titlul de obicei apare separat de document 'i rmne mereu a&i'at pe ecran, jucnd rolul de identi&icator al documentului. Tag(urile PH8)HQ 'i PBFHRQ separ Home:age(ul ntr(o parte in&ormativ despre document 'i te$tul propriu(zis al documentului. )ceste tag(uri nu sc9imb deloc aparen%a documentelor &ormatate, dar snt utile n numeroase cazuri ,de e$emplu

3/*) Mosaic &or Macintos9 D.A permite s spicuim doar n acest loc dac un do1nload va trebui s ia ntregul document sau nu.. n cazul tag(ului PBFHRQ, n interiorul acestuia se poate preciza prin B)/?+6F23H X 26LYimagine un &undal gra&ic anume. 0ormatarea caracterelor n te$tul Home:age(ului apar anumite 'iruri de caractere, care ncep cu caracterul `S` 'i se termin cu `O`. )cestea snt secven%ele caracterelor I*F Latin( ,escape seauences. 'i snt &olosite din mai multe motive. /aracterele `P`, `Q` 'i `S` au n%elesuri speciale, ast&el nct nu le putem &olo'i ca atare nici n por%iuni de te$te prede&inite ,cele marcate cu tag(urile P:68Q.. Introducerea acestora n te$t se &ace prin secven%ele SltO, SgtO, 'i respectiv SampO. 2n alt motiv este lipsa caracterelor speciale ,m re&er la cele romne'ti., &apt pentru care trebuie s &olosim secven%ele o&erite de I*F Latin( . HTML nu %ine cont s&r'itul de linie Pbb/6@L0bbQ, de space(uri multiple, nu cunoa'te tab(ul. Lungimea unei linii depinde de setarea bro1ser(ului respectiv, de op%iunea celui care se uit la te$t. Hac n te$t dorim s trecem la un rnd nou, &olosim tag(ul PB6Q. Binen%eles c nu putem &olo'i nici PB6Q(uri multiple. :entru lsarea unui rnd gol, &olosim tag(ul P:Q ,separator de paragra&.. :entru introducerea mai multor space(uri n te$t putem &olo'i secven%a Snbsp. He e$emplu un tab se poate introduce n &elul urmtor SnbspOSnbspOSnbspOSnbspOSnbspO. )cest lucru se poate realiza 'i cu P: 3F0FLHQ, dar acest tag nu este cunoscut de majoritatea bro1serelor. *ecven%ele &olositeJ ampersand ST<" SampO ((Q S ) mare, circum&le$ ST != S)circO ((Q W ) mare, tilde ST !E S)tildeO ((Q U)

I mare, circum&le$ STDA# SIcircO ((Q a mic, circum&le$ STDD# SacircO ((Q a mic, tilde STDDI SatildeO ((Q Ua &bservaieJ de'i HTML nu &ace deosebire ntre majuscule 'i minuscule ,PTITL8Q &iind ec9ivalent cu PtitleQ sau PTitleQ, etc., acest lucru nu este adevrat 'i n cazul acestor secven%e, care trebuie s &ie introduse cu minuscule[ ,He e$emplu, S)/I6/O nu e acela'i lucru cu SacircO 'i nu va &i recunoscut. Mrimea caracterelor se poate in&luen%a n mai multe moduri. 2nul este o&erit de tag( urile PH Q .. PH#Q. Te$tele ntre tag(urile PHiQ 'i P@HiQ ,unde iX ..#. apar cu caractere mai mari sau@'i mai groase, cel mai proeminent &iind cel notat cu . 2n alt mod de in&luen%are a caracterelor este o&erit de tag(ul P0F3TQ. /um reiese 'i din document, prin P0F3T *I^8 X DEQ am precizat c te$tul .elcome to TgMures/s HomePage va apare cu caractere de nl%ime DE. *e pot codi&ica cuvinte sau &raze individuale cu stiluri speciale. *nt dou tipuri de stiluriJ logice 'i &izice. *tilurile logice marc9eaz te$tul n n%elesul acestuia, iar cele &izice speci&ic cum s apar acestea. He e$emplu, n *+ML tag(urile PH Q ,9eading de nivelul. apar nti ca numeO nu este speci&icat &aptul c te$tul corespunztor va apare ,de e$emplu. cu bold Times, de nl%ime de D= puncte, n centrul paginii etc. 0olosind stilurile logice, la vizualizare nu va trebui s sc9imbm toate tag(urile 9eading de nivelul nti, deoarece va &i de ajuns s precizm caracteristicile &izice ale 9eadingului de nivelul nti n bro1ser(ul pe care l &olosim. Stiluri logice0 PH03Q, P8MQ, P/IT8Q, P/FH8Q, P?BHQ, P*)M:Q, P*T6F3+Q 'i P5)6Q. Stiluri !i-ice0 PBQ text bol", PIQ text italics 'i PTTQ te$t t7pe1riter ,cu nl%ime &i$at..

Lin1-uri relative i absolute


0or%a principal a HTML(ului vine din abilitatea lui de `legare` a unei por%iuni de te$t de alte documente, de a purta cu el re&erin%e. )cest lucru este realizat cu lin-(uri. Bro1ser(ul a&i'eaz te$tele care &ac legtura ,lin-. cu alte culori sau@'i subliniate, pentru a eviden%ia &aptul c snt legturi 97perte$t. *ingurul tag de lin- este tag(ul P)Q, numit 'i ancor ,anc9or.. F ancor poate &i de dou &eluriJ . de `etic9etare` a unui anumit punct din document, care poate &i apoi re&erit, speci&icat prin atributul 3)M8. D. de re&erin% la un alt document, &olosind atributul H680. /9iar la nceputul Home:age(ului ne ntlnim cuJ 2 H34& 5 6Tgm%ome7S.%tml68 *ame page n englis929 8 )cest tag P)Q, &ace ca te$tul `*ame page n englis9` s se constituie pe ecranul celui ce cite'te documentul n 97perlin- spre documentul Tgm9ome2*.9tml ,Home:age( ul n limba englez., a&lat n directorul documentului. Binen%eles se pot &ace legturi cu documente care se a&l n alte directoare, speci&icnd directorul relativ de la documentul curent la cel spre care se &ace legtura ,relative pat9., &olosind sinta$a 23I4 standard. He e$empluJ 2 H34& 5 6,ocumente9table. %tml68 T)BL8*29 8 `T)BL8*` &ace legtura cu &i'ierul table.9tml a&lat n subdirectorul Hocumente. Legturi de acest tip snt numite legturi relative. )vantajul legturilor relative este pe de o parte &aptul c trebuie scris mai pu%inO pe de alt parte, este mai u'oar mutarea unui grup de documente la alt loca%ie, descrierile relative rmnnd valabile. )ncorele pot &i &olosite 'i pentru navigarea la o anumit sec%iune din documentul curent. :entru aceasta n document trebuie s apar un nume ( n Home:age P) 3)M8X`top`QP@)Q. H7perlin-ul cu numele `top` este &cut de `top o& page` din te$tulJ

6eturn to t9e P) H680XTtopQtop o& pageP@)Q n mod similar se pot &ace 'i lin-uri cu nume declarate n alte &i'iere. * presupunem c dorim s &acem o legtur dintr(un document ) cu o anumit sec%iune a unui document B ,numit HocumentB.9tml.. n primul rnd trebuie de&init o ancor n documentul B. 0ie `Important` numele acestei ancore. /nd se &ace legtura din documentul ), pe lng numele &i'ierului trebuie precizat 'i numele ancorei por%iunii de te$t dorite, separat de un 9as9 mar- ,T. P) H680 X `HocumentB.9tml TImportant`Q legtura cu Hocu mentBP@)Q. n anumite cazuri este bine s &olosim legturi absolute, adic speci&icnd 26L(ul documentului cu care se dore'te 97perlin-(ul, ca 'i n cazul lin-(uluiJ P) H680 X `9ttpJ@@111.auant.ecol, -lte.9u`Q 8cological HepartmentP@)Q 3ecesitatea legturilor absolute reiese din e$emplul urmtorJ s considerm un grup de documente care descriu un manual. Legturile n acest grup ar trebui s &ie legturi relative. Legturile cu alte documente ,cum ar &i o re&erire la un so&t1are, care nu apar%ine grupului. trebuie s &oloseasc descrierea absolut. n acest &el, dac mutm manualul ntr(un alt director, nici o legtur nu trebuie s &ie corectat. ;;;(ul &olose'te 26L(urile pentru speci&icarea locurilor &i'ierelor de pe alte servere. 2n 26L include 'i tipul de resurs a acestui &i'ier ,de e$emplu gop9er, ;)I*, telnet, etc., adresa serverului, 'i loca%ia &i'ierului. *inta$a 26L este urmtoareaJ sc9emeJ@@9ost.domaincJportd@pat9@&ilename *c9eme poate &i una dintre urmtoareleJ ( file ( &i'ier de pe sistemul local, sau un &i'ier de pe un server 0T: anon7mous ( http ( &i'ier de pe un server ;;; ( gopher ( &i'ier de pe un server gop9er ( 'A(S ( &i'ier de pe un server ;)I* ( ne"s ( ne1sgroup 2snet ( telnet ( legtur cu un serviciu de baz Telnet 3umrul portului poate &i, n general, omis.

Imagini: sunete: animaii


Majoritatea bro1serelor ;eb cunosc imaginile incluse de &ormat 4BM ,4 Bitmap. 'i +I0 ,3etscape cunoa'te 'i &ormatul K:8+.. )&i'area imaginilor este un proces destul de lentO de aceea, este bine s &olosim imagini ct mai pu%ine sau ct mai mici. :entru a include o imagine &olosim un tag de &ormaJ PIM+ *6/ X imagineY26LQ unde imagineY26L este 26L(ul &i'ierului imagine. *inta$a acestora este identic cu ancorele H680. 2nele bro1sere, ,mai ales acelea care snt pornite de pe un terminal al&anumeric ca de e$. 5T AA., nu pot a&i'a imagini. Fp%iunea )LT permite s speci&icm ce te$t s apar n locul imaginii respectiveJ PIM+ *6/ X `*geat*us.gi&` )LT X `*us` Q /a urmare, n cazul bro1serelor care pot a&i'a imagini, pe ecran va aprea imaginea unei sge%i, iar n cazul acelora de pe 5T AA, pe ecran apare te$tul sus. Hup cum se poate observa, n te$tul Home:ageului imaginile au &ost incluse n &elul urmtorJ P) H680X`Images@numeYimagine.ti&`Q PIM+ *6/ X `Icons@numeYimagine.gi&` )LTQP@)Q /a urmare, dac &olosim un bro1ser care suport imagini, pe ecran o s apar o imagine mai mic numeYimagine.gi& din subdirectorul Images. )cest numeYimagine.gi& &ace legtura cu aceea'i imagine numeYimagine.ti&, dar care este mult mai preten%ioas 'i ca mrime, 'i ca rezolu%ie. Ho1nloadul acesteia poate &i decis din aspectul +I0(ului, 'i va apare ca un document separat. n cazul bro1serelor de pe 5T AA, deoarece n(am precizat nimic dup )LT, nu apare nimic, pierzndu(se 'i lin-ul cu numeYimagine.ti&. Binen%eles n documentele HTML, pe lng imagini, se pot include 'i sunete 'i anima%ii, a cror &ormate suportate sntJ Sunete0 )I00 ,.ai&&., )2 ,.au.. nimaii0 Zuic-Time movie ,.mov., M:8+ movie ,.mpeg sau .mpg..

&bservaieJ ascultarea 'i respectiv vizionarea acestora necesit pla7ere sau vie1ere care de obicei nu snt incluse n bro1sere ,de e$emplu, multe sta%ii de lucru 23I4 nu cunosc &ormatul Zuic-Time Movie..