Sunteți pe pagina 1din 26

CURS 2

Formatarea textului

Eticheta <font>
Atributele etichetei <font> sunt:
  

color permite stabilirea culorii fontului; face se utilizeaz pentru stabilirea tipului fontului; size se utilizeaz pentru stabilirea m rimii fontului;

Culoarea fontului
Pentru a scrie un text cu o anumit culoare, se ncadreaz textul ntre etichetele <font> i </font>, eticheta <font> avnd stabilit atributul color la culoarea dorit .  Culoarea poate fi precizat :

 

printr-un nume de culoare; prin valoarea RGB

Exemplul 7
<html> <head><title>Exemplul 7</title></head> <body> In <font color=lime>aceasta </font> <font color=olive>propozitie </font> <font color=blue>fiecare </font> <font color=red>cuvant </font> <font color=cyan>are </font> <font color=green>alta </font> <font color=yellow> culoare </font> </body> </html>

Tipul fontului
 Tipul fontului se stabile te cu ajutorul atributul face al

etichetei <font>.  Pentru ca un anumit tip de fonturi s poat fi afi at n pagin , trebuie ca acesta s fi fost instalat deja pe calculatorul vizitatorului. De aceea, e de dorit s folositi n paginile dvs. fonturile obisnuite (Times New Roman, Arial, Courier, Impact ).  Pot fi introduse mai multe tipuri de fonturi separate prin virgul . Browserul va utiliza primul tip de font pe care l recunoa te.

Exemplul 8
<html> <head> <title>Exemplul 8</title> </head> <body> <font face="Arial">Arial</font> <font face="Impact">Impact</font> <font face="Courier">Courier</font> <font face="Comic Sans MS">Comic Sans MS</font> </body> </html>

M rimea fontului
 M rimea fontului se stabileste prin atributul

size al etichetei <font>.  Valorile acestui atribut pot fi:




1, 2, 3, 4, 5, 6, 7 (1 pentru cel mai mic font i 7 pentru cel mai mare); +1, +2 etc. pentru a m ri dimensiunea fontului cu 1, 2 etc. fa de valoarea curent ; -1, -2 etc. pentru a mic ora dimensiunea fontului cu 1, 2 etc. fa de valoarea curent .

Exemplul 9
<html> <head> <title>Exemplul 9</title> </head> <body> <font size=1>a</font> <font size=2>b</font> <font size=3>c</font> <font size=4>d</font> <font size=5>e</font> <font size=6>f</font> <font size=7>g</font> <font size="-5">h</font> <font size="+2">i</font> <font size="-3">j</font> </body> </html>

Exemplul 10
<html> <head> <title>Exemplul 10</title> </head> <body> <font color=red face=Comic Sans MS size=5>Acest text este de culoare ro ie, de m rime 5 i fontul Comic Sans MS.</font><br> <font color=indigo face=Arial size=2> Acest text este de culoare indigo, de m rime 2 i fontul Arial.</font><br> <font color=orange face=Courier size=7> Acest text este de culoare orange, de m rime 7 i fontul Courier.</font> </body> </html>

Eticheta <basefont>
 Pentru stabilirea caracteristicilor textului de baz se utilizeaz    

eticheta <basefont>. Atributele etichetei <basefont> sunt: size se utilizeaz pentru stabilirea m rimii fontului (poate fi 1, 2, 3, 4, 5, 6 sau 7); color permite stabilirea culorii fontului; style se utilizeaz pentru stabilirea tipului fontului (Times New Roman, Arial, Courier, Impact);

Exemplul 11
<html> <head> <title>Exemplul 11</title> </head> <body> Acest text este scris cu caractere implicite. <basefont size=5 color=red> Acest text este scris cu caractere de marimea 5, de culoarea rosie. </body> </html>

Caractere ngro ate


 Pentru ca textul s apar cu litere ngro ate

n pagin , acesta trebuie inclus ntre etichetele <b> i </b>.

Exemplul 12
<html> <head> <title>Exemplul 12</title> </head> <body> <b>Acest text este scris cu caractere ingrosate.</b><br> Cuvantul <b>text</b> este scris cu caractere ingrosate. </body> </html>

Caractere nclinate
Pentru ca textul s apar cu litere nclinate n pagin , acesta trebuie inclus ntre etichetele <i> i </i>.

Exemplul 13
<html> <head><title>Exemplul 13</title> </head> <body> Cuvantul <i>text</i> este scris cu caractere inclinate. </body></html>

Caractere subliniate
Pentru ca textul s apar cu litere subliniate n pagin , acesta trebuie inclus ntre etichetele <u> i </u>. Exemplul 14 <html> <head> <title>Exemplul 14</title> </head> <body> Cuvantul <u>text</u> este subliniat. </body> </html>

Exemplul 15
<html> <head> <title>Exemplul 15</title> </head> <body> <b> Ingrosat, <i> ingrosat si inclinat, <u>ingrosat, inclinat si subliniat,</u> ingrosat si inclinat </i> ,ingrosat</b> </body> </html>

Caractere t iate
 Pentru ca textul s apar cu litere t iate n pagin , acesta trebuie

inclus ntre etichetele <s> i </s> sau <strike> i </strike>. Exemplul 16 <html> <head> <title>Exemplul 16</title> </head> <body> Cuvantul <s>text</s> este taiat cu o linie. </body> </html>

Caractere indice
 Pentru ca textul s apar ca indice, acesta trebuie ncadrat ntre

etichetele <sub> i </sub>. Exemplul 17 <html> <head> <title>Exemplul 17</title> </head> <body> x<sub>1</sub>+x<sub>2</sub>-x<sub>3</sub>=3 </body> </html>

Caractere exponent
 Pentru ca textul s fie scris ca exponent, acesta trebuie ncadrat

ntre etichetele <sup> i </sup>. Exemplul 18 <html> <head> <title>Exemplul 18</title> </head> <body> x<sup>3</sup>+2x<sup>2</sup>-5=0 </body> </html>

Caractere m rite
 Pentru ca textul s fie scris cu un caracter mai mare cu o unitate

dect textul curent, acesta trebuie ncadrat ntre etichetele <big> i </big>. Exemplul 19
<html> <head><title>Exemplul 19</title></head> <body> Textul are atribute implicite.<br> <big>Text cu caractere marite cu o unitate.</big><br> Text normal,<font size=4> Text de marime 4, <big>marit cu o unitate, <big>mai mare, <big> si mai mare</big></big></big></font> </body> </html>

Caractere mic orate


 Pentru ca textul s fie scris cu un caracter mai mic cu o unitate

dect textul curent, acesta trebuie ncadrat ntre etichetele <small> i </small>. Exemplul 20
<html> <head><title>Exemplul 20</title></head> <body> Textul are atribute implicite.<br> <small>Text cu caractere micsorate cu o unitate.</small><br> Text normal,<font size=7>Text de marime 7, <small>micsorat cu o unitate, <small>mai mic, <small> si mai mic</small></small> </small> </font> </body> </html>

Caractere monospatiu
 Pentru ca textul s fie scris cu un caractere monospa iu, acesta

trebuie ncadrat ntre etichetele <tt> i </tt>. Exemplul 21 <html> <head> <title>Exemplul 21</title> </head> <body> Cuvantul <tt>document</tt> este scris cu caractere monospatiu. </body> </html>

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