| Autor |
Mesaj |
| < HTML ~ HTML - Fonturi |
|
 Trimis:
27/06/2008 14:13
|
|
|
Administrator
Data inscrierii: 26/Mai/2008
Mesaje: 110
|
|
Un font este caracterizat de urmatoarele atribute:
* nuanță (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 semnale 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 colorit rosie</font>
Familia fontului
Pentru a scrie un text intr-o pagina pot fi folosite mai numeroase 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.
| Cod: |
<html>
<head>
<title> Colorație 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 mărimea fontului cu 1, 2, etc. fata de valoarea curenta.
Marimea unui font poate fi stabilita întocmai cu ajutorul atributului point-size. Valorile acceptate de acest atribut pot fi orice numere reale pozitive.Numarul astfel precizat reprezinta marimea fontului in puncte tipografice.
Acest atribut functioneaza numai cu Netscape Communicator.
| Cod: |
<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).
| Cod: |
<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>
|
|
|
|
|
|
|
 |
|
|
Nu puteti crea un subiect nou in acest forum
Nu puteti raspunde in subiectele acestui forum
Nu puteti modifica mesajele proprii din acest forum
Nu puteti sterge mesajele proprii din acest forum
Nu puteti vota in chestionarele din acest forum
|
|
