Textul este cel mai reprezentativ într-o pagină web.
Formatarea textului se realizează simplu, folosind câteva tag-uri şi atributele lor.
Ruperea rândurilor
Navigatoarele (browser-ele), când întâlnesc un tag <p> încep un nou rând, lăsând câteva spaţii verticale (rânduri) libere între paragraful care tocmai s-a terminat şi cel care tocmai începe. Tag-ul de sfârşit </p> este opţional: nu se întâmplă nimic dacă nu este pus.
<p align=left/center/right paragraf > </p>
Tag-urile pot avea atribute. Aceste atribute pot aduce informaţii suplimentare despre elementele HTML.
Atributul care defineşte alinierea paragrafelor este align.
exemplu:
Iată un exemplu HTML
Acest tag (“Brake”) forţează terminarea rândului. Când navigatorul (browser-ul) întâlneşte acest tag, afişează textul care urmează începând de la marginea din stânga, indiferent unde anume este această margine.
Texte făra ruperi de rând
Specifică un text în care nu sunt permise ruperile de rând.
Linii orizontale
Tagul <hr> are ca efect crearea unei linii orizontale pe pagină.
Liniile orizontale pot fi utilizate pentru separarea diferitelor secţiuni ale unei pagini Web sau pentru punerea în evidenţă a unor porţiuni de document cum ar fi liste, meniuri, informaţii de contact.
Sintaxa: <hr width=latime size=grosime align=left/center/right color=culoare >
Atributele:
width - indică lăţimea liniei orizontale în pixeli. ex: width=630 |
size- defineşte înălţimea liniei orizontale în pixeli. ex: size=5 |
align - defineşte alinierea liniei orizontale |
color - defineşte culoarea liniei orizontale. ex: color=blue |
Texte preformatate
În situaţia în care dorim ca textul introdus să fie afişat exact aşa cum a fost introdus (text preformatat) în fişierul sursă vom folosi pereche de tag-uri cu:
Tag-urile utilizate pentru midificarea aspectului unui text
Tabelul conţine tag-urile de formatare a unui text folosite în limbajul de marcare HTML.
Modificarea culorilor
Pentru a schimba culoarea textului pentru toată pagina se foloseşte tag-ul:
Codul #rrggbb arată combinaţia de roşu (rr), verde (gg) şi albastru (bb) care se va folosi. Valorile sunt în hexazecimal, deci cuprinse între 00 şi ff.
Pentru a schimba culoarea fondului pentru toată pagina se foloseşte tag-ul:
Acest tag impune pentru textul dintre marcaje culoarea #rrggbb:
Sistemul de culori hexazecimal este sistemul standard pentru toate browser-ele web. Sistemul coduri de culori hexazecimale este o reprezentare de 6 caractere de culoare. Primele două caractere (rr) reprezintă culoarea roşu (red), următoarele două (gg) culoarea verde (green), iar ultimele două (bb) culoarea albastră (blue). Tabelul următor arată cum literele sunt integrate în sistemul hexazecimal, mărind astfel posibilităţile de combinare pentru obţinerea codurilor de culori în HTML.
0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F |
În acest fel posibilităţile cresc iar sistemul poate avea 16 valori.
Un exemplu de cod hexazecimal ar fi:
bgcolor="#FFFFFF"
Litera "F" este valoarea maximă pe care o poate avea sistemul. La întalnirea acestui cod un browser va afişa culoarea albă. În cazul în care vrei să afli valoarea numerică a acestei culori avem formula următoare:
(15 * 16) + (15) = 255 |
Formula este foarte simpla. Se ia prima valoare a lui "F" sau 15 şi se înmulţeste cu 16 şi se adaugă celei de-a doua valoare 15. Rezultatul este 255, valoarea maximă pe care o poate avea o culoare primară.
bgcolor="#cc7005" |
cc(rr - red) |
(12 * 16) + (12) = 204 |
70(gg - green) |
(7 * 16) + (0) = 112 |
05(bb - blue) |
(0 * 16) + (5) = 5 |
În tabelul de mai jos aveţi culorile sigure recunoscute de toate browsere-le.
000 | f00 |
003 | f03 |
00f | f0f |
ff0 | ff3 |
cf6 | ff6 |
0f0 | 6f0 |
3f3 | 6f3 |
0f6 | 3f6 |
0fc | 3fc |
0ff | 3ff |
6ff | fff |