ࡱ > '` bjbjVwVw 4 4 4 % v v v 8 w y g lz ( z " z z z z r| ~ if kf kf kf kf kf kf $ h h Fk L f - ~ z z ~ ~ f z z f l l l ~ X z z if l ~ if l l L O z `z P v p N P if f 0 g 9O P k j k O O k f P ~ ~ l ~ ~ ~ ~ ~ f f l ~ ~ ~ g ~ ~ ~ ~ D: ? 6 ? 1. Ce este HTML ? Unul din primele elemente fundamentale ale WWW ( World Wide Web ) este HTML ( Hypertext Markup Language ), care descrie formatul primar in care documentele sint distribuite si vazute pe Web. Multe din trasaturile lui, cum ar fi independenta fata de platforma, structurarea formatarii si legaturile hipertext, fac din el un foarte bun format pentru documentele Internet si Web.Primele specificatiile de baza ale Web-ului au fost HTML, HTTP si URL.HTML a fost dezvoltat initial de Tim Berners-Lee la CERN in 1989. HTML a fost vazut ca o posibilitate pentru fizicienii care utilizeaza computere diferite si schimbe intre ei informatie utilizind Internetul. Erau prin urmare necesare citeva trasaturi : independenta de platforma, posibilitati hypertext si structurarea documentelor.Independenta de platforma inseamna ca un document poate fi afisat in mod asemanator de computere diferite ( deci cu fonte, grafica si culori diferite ), lucru vital pentru o audienta atit de variata. Hipertext inseamna ca orice cuvint, fraza, imagine sau alt element al documentului vazut de un utilizator ( client ) poate face referinta la un alt document, ceea ce usureaza mult navigarea intre multiple documente sau chiar in interiorul unui aceluiasi document. sStructurarea riguroasa a documentelor permite convertirea acestora dintr-un format in altul precum si interogarea unor baze de date formate din aceste documente. 2. Primii pasi Orice document HTML incepe cu notatia si se termina cu notatia . Aceste "chestii" se numesc in literatura de specialitate "TAG-uri".Prin conventie, toate informatiile HTML incep cu o paranteza unghiulara deschisa "<" si se termina cu o paranteza unghiulara inchisa ">".Tag-urile intre aceste paranteze transmit comenzi catre browser pentru a afisa pagina intr-un anumit mod. Unele blocuri prezinta delimitator de sfarsit de bloc, in timp ce pentru alte blocuri acest delimitator este optional sau chiar interzis. Intre cele doua marcaje si vom introduce doua sectiuni: -sectiunea de antet
... si - corpul documentului .... Blocul ... cuprinde continutul propriu-zis al paginii HTML, adica ceea ce va fi afisat in ferastra browser-ului. O eticheta poate fi scris atat cu litere mici, cat si cu litere mari.Adica = = . Caracterele "spatiu" si "CR/LF" ce apar intre etichete sunt ignorate de catre browser.Deci un prim document HTML ar fi ceva de genul asta: < /head> Asa arata primul document HTML. In primul rand, titlul unei pagini se obtine inserand in sectiunea ... a urmatoarei linii:....
Prima linieA doua linieA treia linieCuloarea de fond O culoare poate fi precizata in doua moduri: Printr-un nume de culoare.Sunt disponibile cel putin 16 nume de culori: aqua, black, fuchsia, gray, green lime, maroon, navy, olive, purple, red, silver, teal, white si yellow. Prin constructia " #rrggbb " unde r (red), g (green), sau b (blue) sunt cifre hexazecimale si pot lua valorile: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, A, b, B, c, C, d, D, e, E, f, F; se pot defini astfel 65536 de culori. Culoarea unei pagini se precizeaza prin intermediul unui atribut al etichetei .Culoarea fondului paginii Web se stabileste cu atributul bgcolor al etichetei , de exemplu: .Urmatorul exemplu realizeaza o pagina cu fondul de culoare gri.
Function f(x,y) {return x+y;}
...permite inserarea in-line a citatelor.Aceste citate sunt afisate de catre browser cu caractere cursive." q " vine de la " in-line quotation " (citate inserate in-line);Si blocurile " q " pot fi imbricate.
....
Aceste etichete nu se refera la particularitatiile caracterelor ce compun textul, ci la functiile pe care le poate avea un bloc de text in cadrul paginii Web. Toate aceste etichete produc automat trecerea la un rand nou si adaugarea unui spatiu suplimentar.< /body> Blocul preformatat Intr-un bloc
..., semnificatia marcajelor HTML se pastreaza.Blocul
...este indicat pentru a insera randuri vide ( spatiu intre randurile succesive ). Caracterul " spatiu " poate fi luat in considerare de browser daca este inserat explicit prin .
Ora/Ziua Luni Marti Miercuri8:00 Romana Matematica Sport9:00 Geografie Istorie Fizica< /body> Intr-un fisier HTML, caracterele "<" si ">" au o semnificatie speciala pentru browser. Ele incadreaza comenzile si atributele de afisare a elementelor intr-o pagina. Daca dorim ca un fragment de text sa contina astfel de caractere, acest fragment trebuie incadrat de una dintre perechile de etichete:
este posibil trecerea la o linie noua si permite: inserarea unui spatiu suplimentar inainte de blocul paragraf; inserarea unui spatiu suplimentar dupa blocul paragraf, daca se foloseste delimitatorul
(acesta fiind optional); alinierea textului cu ajutorul atributului align, avand valorile posibile " left ", " center " sau " right ".Lini generata de un paragraf (implicit paragraful este aliniat la stanga).
Paragraf aliniat la dreapta.Paragraf aliniat la dreapta.Paragraf aliniat la dreapta.Paragraf aliniat la dreapta. Paragraf aliniat la dreapta.Paragraf aliniat la dreapta.Paragraf aliniat la dreapta.
Paragraf aliniat in centru.Paragraf aliniat in centru.Paragraf aliniat in centru.Paragraf aliniat in centru. Paragraf aliniat in centru.Paragraf aliniat in centru.Paragraf aliniat in centru. Blocuri de titlu Intr-un text titlurile ( headers ) de capitole pot fi introduse cu ajutorul etichetelor
Text inainte de imagine.Text inainte de imagine.Text inainte de imagine.Text inainte de imagine. Text inainte de imagine.Text inainte de imagine.Text inainte de imagine.Text inainte de imagine.Text dupa imagine.Text dupa imagine.Text dupa imagine.Text dupa imagine.Text dupa imagine. Text dupa imagine.Text dupa imagine.Text dupa imagine.Text dupa imagine.Text dupa imagine.< /body>< /html> Imagini pentru fondul unei pagini O imagine poate fi utilizata pentru a stabili fondul unei pagini Web. In acest scop se foloseste atributul background al etichetei
, avand ca valoare adresa URL a imaginii.Imaginea se multiplica pe orizontala si pe verticala pana umple intregul ecran. < head>