Professional Documents
Culture Documents
HTML
HTML
Toate aceste atribute apartin etichetei <font>, care permite inserarea de blocuri de texte personalizate. Culori O culoare poate fi precizata in doua moduri: 1. printr-un nume de culoare. 2. printr-o constanta conform standardului de culoare RGB (Red, Green, Blue). O astfel de constanta se formeaza astfel: #rrggbb, unde r, g si b sunt cifre hexazecimale. Culorea fontului Pentru a scrie un fragment de text cu caractere de o anumita culoare, se incadreaza acest fragment intre marcajele de font, avand stabilit atributul color la valoarea necesara. Familia fontului Pentru a scrie un text intr-o pagina pot fi folosite mai multe fonturi (stiluri de caractere). Exista cinci familii generice de fonturi care sunt de regula disponibile pe toate calculatoarele utilizatorilor: "serif", "sans serif", "cursive", "monospace" si "fantasy". Tipul de font necesar poate fi stabilit prin atributul "face" al etichetei. Pot fi introduse mai multe fonturi separate prin virgula. In acest caz browserul va utiliza primul font pe care il cunoaste. Marimea fontului Pentru a stabili marimea unui font se utilizeaza atributul size al etichetei. Valorile acestui atribut pot fi: 1. 1, 2, 3, 4, 5, 6, 7 (1 pentru cel mai mic font si 7 pentru cel mai mare); 2. +1, +2, etc. pentru a mari dimensiunea fontului cu 1, 2, etc. fata de valoarea curenta; 3. -1, -2, etc. pentru a micsora dimensiunea fontului cu 1, 2, etc. fata de valoarea curenta. Blocuri de Text Tagurile care definesc blocuri de text nu se refera la particularitatile caracterelor ce compun textul, ci la functiile pe care le poate avea un bloc de text in cadrul paginii Web. Etichetele care lucreaza cu blocuri de text produc automat trecerea la un rand nou si adaugarea unui spatiu suplimentar. Identarea unui bloc Pentru ca un bloc de text sa fie indentat (marginea din stanga a textului sa fie deplasata la dreapta la o anumita distanta fata de marginea din stanga a paginii), acesta trebuie inclus intre etichetele <blockquote>...</blockquote>, a st fel: < html> < he ad> < title > Inde ntar e a unui blo c< /tit le > < /he ad>
Ex em p lu: < html> < he ad> < title > L inii o r iz o ntale < /ti tle > < /he ad> < bo dy> < H2 align= " ce nte r " > T ipur i de lini i o r izo ntale < /H2 > O linie impl ici ta, alinie r e stanga, latime 1 00 % , gr o sime 2 cu umbr a. < hr> Ur me az a o linie alini ata in ce ntr u, de lati me 50 % , gr o sime 5 pixe li, far a umbr a. < hr align= " ce nte r " w idth= " 5 0% " siz e = "5 " no shade > Ur me az a o linie alinia ta la dr e apta, de latime 1 50 de pixe li, gr o sime 1 2 pixe li, de culo are ro sie . < hr align= " r igh t" w idth= 1 5 0 siz e =1 2 co lor = " re d" > < /bo dy> < /html> Blocuri CENTER Blocul introdus de etichetele <center>...</center> aliniaza centrat toate elementele pe care le contine. Ex em p lu: < html> < he ad> < title > L inii o r iz o ntale < /ti tle > < /he ad> < bo dy> < ce nte r > < hr w idth= 1 0 % > < hr w idth= 4 0 % > < hr w idth= 7 0% > < hr w idth= 1 0 0 % > < hr w idth= 7 0 %> < hr w idth= 4 0% > < hr w idth= 1 0 % > < /ce nte r > < /bo dy> < /html> Blocuri DIV Modalitatea cea mai eficienta de delimitare si de formatare a unui bloc de text este folosirea delimitatorilor <div>...</div>. Un parametru foarte foarte util pentru stabilirea caracteristicilor unui bloc <div> (diviziune) este "align" (aliniere). Valorile posibile ale acestui parametru sunt: 1. "left" (aliniere la stanga); 2. "center" (aliniere centrala); 3. "right" (aliniere la dreapta). Un bloc <div>...</div> poate include alte subblocuri. In acest caz, alinierea precizata de atributul align al blocului are efect asupra tuturor subblocurilor incluse in blocul <div>. Un bloc <div>...</div> admite atributul "nowrap" care interzice intreruperea randurilor de catre browser la afisare. Ex em p lu d e ut iliz a r e a t a g ului DI V:
Cele mai raspandite formate sunt GIF (8 biti pentru o culoare, 256 culori posibile) si JPEG (24 biti pentru o culoare, 16777216 de culori posibile). Adresa URL a unei imagini URL ("Uniform Resource Locator" = identificator unic al resursei) este un standard folosit in identificarea unica a unei resurse in Internet. Toate imaginile cu care vom lucra vor avea adresa URL exprimata in functie de directorul ce contine documentul HTML care face referire la imagine. Pentru a insera o imagine intr-o pagina, se utilizeaza eticheta <img> (de la "image"= imagine). Pentru a putea identifica imaginea care va fi inserata se utilizeaza un atribut al etichetei <img> si anume "src" (de la "source"= sursa). Daca imaginea se afla in acelasi director cu fisierul HTML care face referire la imagine, atunci adresa URL a imaginii este formata numai din numele imaginii, inclusiv extensia. Daca imaginea se afla intr-un subdirector al directorului paginii HTML din care este apelata, sa spunem "images", atunci aceasta este apelata cu URL-ul: " /image s/im agi ne 1 .jpg" . In schimb, daca fisierul imagine este situat intr-un director "images" dintr-un super director al directorului paginii HTML apelante, referirea se face cu URL-ul: " ../i mage s/ imag ine 1 .jp g" . Ex em p lu: < html> < he ad> < title > O pagina cu imagine < /t it le > < /he ad> < bo dy> O pagina car e co ntine o imagine in subdir e cto r ul image s dintr - un supe r dir e cto r al unui supe r dir e cto r al dir e cto r ului paginii HT ML < img sr c= " ../ ../ image s /ima gine 1 .j pg" > T e xt dupa imagi ne . < /bo dy> < /html> Chenarul si dimensionarea unei imagini Daca doriti sa adaugati un chenar in jurul imaginii, folositi atributul "border" al etichetei <img>. Valorile acestui atribut sunt numere intregi pozitive.
10
Urm a t or ul ex em p lu este o lista ordonata cu cifre romane: < html> < he ad> < tit le > liste x_ 5 < /ti tle > < /he ad> < bo dy> < H2 align= ce nte r > O lista or do nata cu cifr e ro mane < /H2 > < hr > <o l type = " I" > C ulo r i uz uale dispo nibi le pr in nume < li> B lack < li> W hite < li> R e d < li> G re e n < li> B lue < li> Ye llo w < li> Pur ple < li> Aqua < /o l> < /bo dy> < /html> Tag- ul < o l> po ate ave a un atr ibut star t car e stabile ste valo are a initia la a se cve nte i de or do nar e . Valo ar e a ace stui atr ibu t tr e buie sa fie un numar intr e g po z itiv. Ur mato r ul exe mplu e ste o lista or do nata cu lite r e mar i, ince pand cu valo are a C .
11
12
Alinierea pe verticala a continutului unei celule se face cu ajutorul atributului "valign" care poate lua valorile: 1. 2. 3. 4. "baseline" (la baza); "bottom" (jos); "middle" (la mijloc, valoarea prestabilita); "top" (sus).
Ex em p lu de tabel reunind toate elementele descrise pana acum: < html> < he ad> < tit le > T abe l< /ti tle > < /he ad> < bo dy> < table bor de r = "1 " ce llpadd ing= " 1 0 " ce llspacing= " 1 5 " w idth= " 1 0 0% " >
13
14
15
16
17
18
19
20
21