Formatarea textului dintr-o pagina web

Cuprinsul lectiei
A. Formatarea la nivel de paragraf B. Formatarea la nivel de caracter C. Efecte aplicate asupra textelor D. Exemple

A. Formatarea la nivel de paragraf

Formatarea unui paragraf se realizeaza utilizand urmatoarele etichete: <P>..</P> - specifica faptul ca un text reprezinta un nou paragrafal documentului html Atributul etichetei: - align : specifica tipul de aliniere al textului in pagina Valorile pe care le poate lua sunt left, right, center.

Exemplu: <p align=right>Textul va fi aliniat la dreapta in pagina</p>

<H>..</H> - realizeaza nivelurile de titlu in documentul html <BR> - specifica trecerea la o noua linie <CENTER>..</CENTER> - permite centrarea rapida a textului. OBS: Acest tag poate fi folosit in special la alinierea titlurilor in document si este asemanator cu eticheta <p align=center>

B. Formatarea la nivel de caracter

Formatarea caracterelor poate I realizata prin utilizarea etichetei : Atributele etichetei sunt:

<FONT>..</FONT>

- size =valoare (specifica dimensiunea caracterelor) OBS: Valoare primita de acest atribut poate fi : - un numar natural cuprins intre 1 si 7 - relativa la dimensiunea curenta a caracterelor (size va primi valoarea +n daca caracterele vor fi cu n marimi mai mari sau valoare n daca caracterele vor fi cu n mai mici ). -face=nume_font (specifica numele fontului aplicat textului) -color=nume_culoare (specifica culoarea cu care vor fi scise caracterele)

Exemplu: <FONT face=Arial, size=2, color=red>Acest text este scris

cu dimensiunea 2, culoarea rosie si font Arial</FONT>

C. Efecte aplicate asupra textelor

Efectele introduse asupra textului sunt intoduse prin etichetele de mai jos: - <B>..</B> textul va fi scris ingrosat - <U>..</U> textul va fi scris subliniat - <I>..</I> textul va fi scris inclinat - <BIG>..</BIG> textul va fi scris mai mare - <SMALL>..</SMALL> textul va fi scris mai mic - <STRIKE>..</STRIKE> textul va fi scris taiat - <EM>..</EM> textul va fi scris accentuat, scos in evidenta -<STRONG>..</STRONG> textul va fi scris mai accentuat, puternic scos in evidenta

Exemplu: <B><I><BIG><STRONG>Acest text are efecte!!!</B></I></BIG></STRONG>

Exemplul nr. 1

Exemplul nr. 2