Sunteți pe pagina 1din 2

Formatarea textului

Formatarea la nivel de paragraf


Pentru împărțirea textului în paragrafe se folosesc etichetele pereche <P> și </P>, etichete care
delimitează paragraful.
Cel mai utilizat atribut, admis de eticheta <P>, este ALIGN, care stabilește modul de modul de aliniere

{
¿(stânga¿)
CENTER(centrat )
astfel: ALIGN =
¿(dreapta)
JUSTIFY (dreapta)
Ex: <P ALIGN=CENTER>
Capitolul I
</P>
Obs. Implicit, paragraful este aliniat la stânga. Astfel, <P ALIGN=LEFT> are același efect cu <P>.

Pentru a stabili același mod de aliniere pentru mai multe paragrafe, acestea vor fi grupate într-un singur
bloc, cu ajutorul etichetelor <DIV> și </DIV>,urmând ca alinierea să fie stabilită în eticheta <DIV>.
Ex:
<DIV ALIGN=JUSTIFY>
<P ALIGN=JUSTIFY >
<P >
Primul paragraf…
Primul paragraf…
</P >
</P>
<P ALIGN=JUSTIFY >
<P >
Al II-lea paragraf…
</P>
 Al II-lea paragraf…
</P>
<P ALIGN=JUSTIFY >
<P >
A III-lea paragraf…
A III-lea paragraf…
</P>
</P>

</DIV>

Pentru a genera un marcaj de sfârșit de linie se utilizează eticheta <BR>.


Pentru aplica unei zone de text (un paragraf/ un grup de paragrafe) un anumit efect se utilizează
etichetele:
<I> și </I> - scris cursiv (Italic)
<U> și </U> - subliniat (Underline)
<B> și </B> - scris îngroșat (Bold)
<BIG> și </BIG> - textul este scris mai mare
<SMALL> și </SMALL> - textul este scris mai mic
<STRIKE> și </STRIKE> - textul este tăiat
<EM> și </EM> - textul este accentuat,scos în evidență
<STRONG> și </STRONG> - textul este accentuat, puternic scos în evidență

Important! Atenție la modul în care dispuneți etichetele (tag-urile) pereche (acestea vor fi scrise unele în
altele (imbricat)).

Așa DA!!! Așa NU!!!

<P ALIGN=JUSTIFY > <P ALIGN=JUSTIFY >


<I> <I>
<B> <B>
Primul paragraf… Primul paragraf…
</B> 1 </I>
</I> </B>
</P > </P >
Formatarea la nivel de caracter
Pentru a preciza fontul utilizat de browser pentru vizualizarea textului, se utilizează eticheta <FONT>
împreună cu eticheta pereche </FONT> .
Atribute admise pentru eticheta <FONT>:
FACE = denumire_font
SIZE= valoare ( dimensiunea caracterelor)
valoarea poate fi exprimată:
a) în valori absolute (un număr natural)
b) în valori relative
+n, caracterele vor fi afișate cu n mărimi mai mari decât valoarea implicită
-n, caracterele vor fi afișate cu n mărimi mai mici decât valoarea implicită
(n[1,7])
COLOR=culoare
Ex:
<P ALIGN=CENTER>
<FONT FACE=Mistral SIZE=30 COLOR=Red>
1 Capitolul I
</FONT>
</P>
Efect: TextulCapitolul I (privit ca un paragraf) va fi centrat, scris cu font Mistral, dimensiune 30, culoare roșie.

Ex: <P ALIGN=RIGHT>


<FONT FACE=Arial SIZE=+2 COLOR=Blue>
2 Peisaje pitorești din România
</FONT>
</P>
Efect: Textul Peisaje pitorești din România(privit ca un paragraf) va fi aliniat la dreapta, scris cu font Arial, cu 2
mărimi mai mari decât valoarea implicită, culoare albastră.

TEMĂ

Construiți, în subdirectorul PAG2, pagina Web pag2.html astfel:


- titlul paginii Web: Formatarea textului
- corpul paginii Web este alcătuit din 3 paragrafe astfel:
a) primul paragraf conține textul Introducere în Limbajul HTML, este aliniat centrat, scris îngroșat și
subliniat, cu font Mistral, dimensiune 40, culoare roșie;
b) paragrafele II și III vor fi formatate astfel:
- aliniere stânga-dreapta
- font Arial, dimensiune 6,culoare verde - paragraful II, culoare albastră – paragraful III
Notă: Pentru paragrafele II și III copiați de pe Internet informații pe tema: Limbajul HTML.
 Vizualizați pagina Web
Îngroșați primul paragraf, vizualizați pagina Web
 Accentuați textul din paragraful al II-lea și vizualizați pagina Web
Ce culoare de fundal are pagina Web? Cum explicați? Stabiliți pentru pagina Web o culoare de fundal (la
alegere). Anulați culorile paragrafelor II și III, păstrând culoarea roșie stabilită anterior pentru paragraful I. În
eticheta <BODY> , stabiliți culoarea textului – alb. Vizualizați pagina Web. Identificați culoarea fiecărui paragraf.
Cum explicați fiecare culoare?

S-ar putea să vă placă și