Transcript Colegiul Economic Administrativ Iasi An scolar: 2005-2006 Formatarea textului dintr-o pagina web Prof. Ionescu Mariana.

Colegiul Economic Administrativ Iasi
An scolar: 2005-2006
Formatarea textului
dintr-o pagina web
Prof. Ionescu Mariana
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