Scrigroup - Documente si articole

     

HomeDocumenteUploadResurseAlte limbi doc
AccessAdobe photoshopAlgoritmiAutocadBaze de dateCC sharp
CalculatoareCorel drawDot netExcelFox proFrontpageHardware
HtmlInternetJavaLinuxMatlabMs dosPascal
PhpPower pointRetele calculatoareSqlTutorialsWebdesignWindows
WordXml


Fonturi HTML - Culorea, Familia, Marimea, Grosimea fontului

html



+ Font mai mare | - Font mai mic



Fonturi



Un font este caracterizat de urmatoarele atribute:

  • culoare (stabilita prin atributul color
  • tipul sau stilul (stabilit prin atributul face
  • marimea (definita prin atributul size
  • marimea in puncte tipografice (stabilita prin atributul point-size
  • grosime (definita prin atributul weight

Toate aceste atribute apartin etichetei, care permite inserarea de blocuri de texte personalizate.

Culori

O culoare poate fi precizata in doua moduri:

  1. printr-un nume de culoare.
  2. printr-o constanta conform standardului de culoare RGB (Red, Green,Blue). O astfel de constanta se formeaza astfel: #rrggbb, unde r, g si b sunt cifre hexazecimale.

Culorea fontului

Pentru a scrie un fragment de text cu caractere de o anumita culoare se incadreaza acest fragment intre delimitatorii avand stabilit atributul color la valoarea necesara. De exemplu:

<font color=red>fragment de text de culoare rosie</font>

Familia fontului

Pentru a scrie un text intr-o pagina pot fi folosite mai multe fonturi (stiluri de caractere). Exista cinci familii generice de fonturi care sunt de regula disponibile pe toate calculatoarele utilizatorilor: serif, sans serif, cursive, monospace si fantasy.
Tipul de font necesar poate fi stabilit prin atributul
face al etichetei.
Pot fi introduse mai multe fonturi separate prin virgula.

<font face='Arial, serif, monospace'>

In acest caz browserul va utiliza primul font pe care il cunoaste.

<html> <head> <title> Culoarea si familia fontului</title> </head> <body> Aceste linie este scrisa cu caractere normale.
<br> <font color='red'>Aceasta linie este rosie.</font> <br>Aici<font color='green'>fiecare</font> <font color='blue'>cuvant</font> <font color='yellow'>are</font> <font color='cyan'>alta</font> <font color='#3478fa'>culoare.</font> <br><font face='monospace'>Linie scrisa cu caractere monospatiate.</font> <br> <font face='arial'>Linie scrisa cu caractere arial.</font> </body> </html>

Marimea fontului

Penrtu a stabili marimea unui font se utilizeaza atributul size al etichetei. Valorile acestui atribut pot fi:

  • 1, 2, 3, 4, 5, 6, 7 ( 1 pentru cel mai mic font si 7 pentru cel mai mare);
  • +1, +2, etc. pentru a mari dimensiunea fontului cu 1, 2, etc. fata de valoarea curenta;
  • -1, -2, etc. pentru a micsora dimensiunea fontului cu 1, 2, etc. fata de valoarea curenta.

Marimea unui font poate fi stabilita exact cu ajutorul atributului point-size. Valorile acceptate de acest atribut pot fi orice numere naturale pozitive.Numarul astfel precizat reprezinta marimea fontului in puncte tipografice.
Acest atribut functioneaza numai cu Netscape Communicator

<html> <head> <title> Marimea fontului</title> </head> <body> Aceste linie este scrisa cu caractere normale. <br> <font size='5'>Fonturi de marime 5.</font> <br> <basefont size='4'>Fonturi de marime 4.</font> <br> <font size='-3'>Fonturi de marime 1.</font> <br> <font size='+2'>Fonturi de marime 6.</font> <br> <font point-size='30'>Fonturi de marime 30 pt (numai cu Netcape Communicator).</font> <br> <font point-size='50'>Fonturi de marime 50 pt (numai cu Netcape Communicator).</font> </body> </html>

Grosimea unui font

Grosimea unui caracter poate fi definita cu ajutorul atributului weight al etichetei.
Valorile posibile pentru acest atribut sunt 100, 200, 300, 400, 500, 600, 700, 800 si 900 (100 pentru fontul cel mai subtire si 900 pentru cel mai gros).

<html> <head> <title> Grosimea fontului</title> </head> <body> Aceste linie este scrisa cu caractere normale. <br> <font weight='100'>Fonturi de grosime 100.</font> <br> <font weight='500'>Fonturi de grosime 500.</font> <br> <font weight='900'>Fonturi de grosime 900.</font> </body> </html>



Politica de confidentialitate | Termeni si conditii de utilizare



DISTRIBUIE DOCUMENTUL

Comentarii


Vizualizari: 1359
Importanta: rank

Comenteaza documentul:

Te rugam sa te autentifici sau sa iti faci cont pentru a putea comenta

Creaza cont nou

Termeni si conditii de utilizare | Contact
© SCRIGROUP 2024 . All rights reserved