FORMATARE TEXT LA NIVEL DE

CARACTER. FORMATARE TEXT LA

NIVEL DE PARAGRAF, SECȚIUNE
CUPRINS

I. FORMATAREA PARAGRAFELOR
1. Aranjarea textului
II. PARAGRAFE TITLU
III. FORMATAREA LA NIVEL DE CARACTER
 I. FORMATAREA PARAGRAFELOR

• Paragraful este o zonă de text

cuprinsă între 2 caractere de trecere la
linie nouă (denumite New Line sau Enter,
cu codurile ASCII 13-CR si 10-LF trecere la
linia urmatoare).
 I. FORMATAREA PARAGRAFELOR
• În HTML paragrafele sunt delimitate de
etichetele <P>, cea de sfârșit </P>
fiind opțională.
 I. FORMATAREA PARAGRAFELOR
1. ARANJAREA TEXTULUI

1. Aranjarea textului
BLOCKQUOTE>
text
</BLOCKQUOTE>
• Are ca efect scoaterea în evidențã a textului din
container prin indentarea din partea stângã.
• Tag-ul BLOCKQUOTE provoacã și trecerea la un
nou paragraf.
 I. FORMATAREA PARAGRAFELOR
Exemplu:
W. Churchill a zis despre un politician al
vremii: <BLOCKQUOTE>Are toate calitãtile
pe care le detest si niciun viciu pe care
sã-l admir.</BLOCKQUOTE> cuvinte care ...
 I. FORMATAREA PARAGRAFELOR

• Width indicã lungimea maximã a unui

rând. Unele browsere (inclusiv Netscape
Navigator) nu acceptã atributul WIDTH.
• Apariția marcajelor <PRE> și </PRE>
produce un nou paragraf.
 I. FORMATAREA PARAGRAFELOR

• Exemplu:
<PRE>
1
1 1
1 2 1
111121133114641
1 3 3 1
1 4 6 4 1
</PRE>
 I. FORMATAREA PARAGRAFELOR

Eticheta <P> are atributele :

• ALIGN : stabilește alinierea textului și are patr
u valori predefinite: LEFT, RIGHT, CENTER,
JUSTIFY.
• TITLE
• LANG
• DIR
 I. FORMATAREA PARAGRAFELOR

• Pentru formatarea mai multor paragrafe

simultan, ele se grupează într-un bloc și
se folosesc etichetele DIV, cu atributul
ALIGN.
II. PARAGRAFE TITLU

• Paragrafele titlu pot fi utilizate pentru

generarea automată a unui tabel de
cuprins a documentului.
• Un paragraf titlu trebuie să descrie
succint conținutul unei secțiuni de text.
II. PARAGRAFE TITLU

• Un document HTML poate fi structurat pe 6

niveluri folosind 6 etichete: <H1>(cel mai
important),<H6> (cel mai puțin important)
• De obicei browser-ul vizualizează paragrafele
titlu mai importante cu litere mai mari decât
cele mai puțin importante.
III. FORMATAREA LA NIVEL DE CARACTER

• Se foloseste pereachea de etichete

<FONT> si </FONT> cu atributele:
• SIZE=VALOARE stabileste dimensiunea
caracterelor
• COLOR=CULOAREA stabileste culoarea
textului
 III.FORMATAREA LA NIVEL DE CARACTER
Normal, <FONT SIZE=-1>Mai mic, </FONT> <FONT SIZE=-2>Si mai
mic.</FONT>
<P><FONT SIZE=1>Cel mai mic text</FONT><BR>
<FONT SIZE=7>Cel mai mare text</FONT>
<P><FONT SIZE=4 COLOR="blue">Acesta este un text albastru, de mãrime
4.</FONT><BR>
<FONT SIZE=4 COLOR="green" FACE="Courier">Acesta este un text verde,
de mãrime 4, în Courier.</FONT>
 III.FORMATAREA LA NIVEL DE CARACTER

• Codul culorii este dat în formatul

hexazecimal RGB: rr reprezintã rosu (de
la 00 la FF); gg reprezintã verde (de la 00
la FF); bb reprezintã albastru (de la 00 la
FF).
• Cele mai uzuale sunt: red, maroon,
yellow, green, lime, teal, olive, aqua,
blue, navy, purple, fuchsia, black (este
culoarea implicita), gray, silver, white.
 III.FORMATAREA LA NIVEL DE CARACTER

• <I>text</I>
• Aplicã textului stilul italic (înclinat). Este
utilizat pentru evidentierea anumitor
cuvinte, propozitii etc. Nu produce o
rupere de rând.
 III.FORMATAREA LA NIVEL DE CARACTER

• <STRIKE>text</STRIKE>
• Produce "tãierea" cu o linie a textului
continut (utilizat de obicei pentru
producerea unor exemple negative: asa
nu se face). Nu are loc rupere de rând.
Fiind un tag nou (HTML 3.2) nu este
recunoscut de toate browserele.
 III.FORMATAREA LA NIVEL DE CARACTER
• <TT>text</TT>
• Afișeazã textul în fontul teletype
(neproportional). Este utilizat, în general,
pentru prezentarea unei iesiri de tip
listing (clasic) de calculator. Nu produce o
rupere de rând.
• <U>text</U>
• Subliniazã textul continut. Nu provoacã
trecerea pe un rând nou.
 III.FORMATAREA LA NIVEL DE CARACTER

• <Hn>text</Hn>
• Aplicã unul dintre cele sase formate
predefinite de antet. Fiecare browser are
formate proprii pentru stilurile logice H1
... H6.
 III.FORMATAREA LA NIVEL DE CARACTER

<H1>Antet 1</H1>
<H2>Antet 2</H2>
<H3>Antet 3</H3>
<H4>Antet 4</H4>
<H5>Antet 5</H5>
<H6>Antet 6</H6>
 III.FORMATAREA LA NIVEL DE CARACTER

• <SMALL>text</SMALL>
• Afișeazã textul cu o dimensiune mai micã
decât textul înconjurãtor.
Netscape Editor utilizeazã conversia în
<FONT SIZE=-1 >text</FONT>.
Nu produce rupere automatã de rând.
• <STRONG>text</STRONG>
• Produce o evidențiere pronunțatã a
textului.
 III.FORMATAREA LA NIVEL DE CARACTER
• <SUB>text</SUB>
• Mutã textul selectat mai jos decât linia de
baza a textului precedent si aplicã un font
mai mic (face trecerea în indice inferior).
<SUP>text</SUP>
• Mutã textul selectat mai sus decât linia
de bazã a textului precedent si aplicã un
font mai mic (face trecerea în indice
superior).
 III.FORMATAREA LA NIVEL DE CARACTER

• <KBD>Acesta este un text scris cu KBD</KBD><BR>

<SAMP>Acesta este un text scris cu SAMP</SAMP><BR>
<SMALL>Acesta este un text SMALL</SMALL> <BR>
<STRONG>Acesta este un text STRONG</STRONG> <BR>
formula apei este H<SUB>2</SUB>O,<BR>
iar X<SUP>2</SUP> este X*X.
 III. FORMATAREA LA NIVEL DE CARACTER

• FACE=lista_fonturi : defineste o lista de

fonturi separate prin virgula, dintre care
browser-ul il va alege pe primul disponibil
in ordinea preferintelor.Daca nici unul din
fonturile din lista nu este instalat pe
calculatorul utilizatorului, browser-ul va
utiliza fontul implicit.
BIBLIOGRAFIE
• https://profs.info.uaic.ro/~val/formattext
.html
• http://www.scritub.com/stiinta/informati
ca/html/Formatarea-
textului33132212.php
• https://tutorialehtml.com/ro/tagul-p-
paragraf-in-html/
VĂ MULȚUMIM!
PROIECT REALIZAT DE:
IORDĂCHESCU ANDRA
MIRON ANCA
MURGESCU ALEXANDRA
RACU FABIANA
ȘTIRBU LOREDANA