Formatare text

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

TAG-ul <p>

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.

Sintaxa:

<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:

  • align=center - paragraf aliniat pe centru;
  • align=left - paragraf aliniat la stânga;
  • align=right - paragraf aliniat la dreapta;
  • align=justify - paragraf aliniat la stânga-dreapta;

Iată un exemplu HTML

exemplu_paragraf

TAG-ul <br>

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.

Sintaxa: <br>

formatare

Texte făra ruperi de rând

TAG-ul <nobr>

Specifică un text în care nu sunt permise ruperile de rând.

Sintaxa: <nobr>text </nobr>

formatare

Linii orizontale

TAG-ul <hr>

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

formatare

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:

Sintaxa: <pre> </pre>

formatare

Tag-urile utilizate pentru midificarea aspectului unui text

Tabelul conţine tag-urile de formatare a unui text folosite în limbajul de marcare HTML.

Anexă cu tag-uri de formatare

formatare

Modificarea culorilor

Pentru a schimba culoarea textului pentru toată pagina se foloseşte tag-ul:

<body text= #rrggbb>... </body>

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:

<body bgcolor= #rrggbb>... </body>

Acest tag impune pentru textul dintre marcaje culoarea #rrggbb:

<font color= #rrggbb>... </font>

Ce este sistemul de culori hexazecimal?

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.

Zecimal

0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Hexazecimal

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

Cele mai sigure culori HTML

Î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
formatare