E-learn.ro
Panou utilizatori
Utilizator Parola
Creeaza cont nou    Recupereaza parola
Login
Newsletter
Introdu adresa ta de email
Inscrie-te
Inchide panoul de utilizatori
Add to Google

Tutoriale HTML

Descarca toolbar

Toolbar E-learn.ro Facebook Twitter

WEB DESIGN  /  HTML  /  Bazele HTML (10)

III. Fonturi si tag-urile font

14.05.2008
III. Fonturi si tag-urile font

Viata ar fi plictisitoare numai cu un singur font... dar, crezi sau nu, Internetul pornise in aceasta directie: eram constransi sa folosim font-ul default, de obicei Times. Acum, majoritatea calculatoarelor au o varietate de fonturi instalate pe care le putem folosi in cadrul HTML.

Total vizualizari: 4802 4802 afisari   |   Comentarii  0   |   Rating   |   (3 voturi)   |   Timp necesar: 15 min 15 min   |   Nivel de cunostiinte necesar: Incepator  Incepator

Sursa:  E-learn.ro  
Autor:  E-learn.ro
Adauga la tutoriale favorit Adauga la tutoriale favorite
Pagina:
1
comenteaza printeaza

Viata ar fi plictisitoare numai cu un singur font dar, crezi sau nu, Internetul pornise in aceasta directie: eram constransi sa folosim font-ul default, de obicei Times. Acum, majoritatea calculatoarelor au o varietate de fonturi instalate pe care le putem folosi in cadrul HTML.

Acest tutorial iti va arata cum sa utilizezi tag-ul Font si cum poti specifica un font alternativ daca browserul nu il recunoaste pe cel ales de tine.

Tag-ul FONT
Tag-ul FONT ii "spune" browserului sub ce forma sa afiseze textul continut in pagina web, dar si culoarea si marimea acestuia. Sintaxa este:

<font size="marime" 
        face="aparenta" color="culoarea textului"

Dupa acest tag poti scrie textul propriu-zis, inchizand cu tag-ul </font>.

Atributul size poate lua valori intre 1 si 7, 3 fiind marimea standard pentru browser. Vizitatorii site-ului tau pot schimba aceasta valoare implicita (default) din browser, deci marimea pe care o precizezi in tag-ul font este relativa fata de marimea fontului selectata de utilizator.

Prin atributul face poti specifica numele fontului in forma literala, de exemplu: "Times New Roman" sau "Helvetica". Poti include mai multe fonturi in cadrul acestui atribut, separandu-le prin virgula, iar browserul va selecta primul font din lista care este instalat pe calculatorul utilizatorului ce viziteaza site-ul.

In cazul in care browserul nu are instalat nici unul dintre fonturile alese de tine, poti utiliza optiunea de font serif (de exemplu Times) sau non-serif (de exemplu Arial).

Atributul color iti permite sa selectezi culoarea textului. De exemplu, color="0000FF" va produce text de culoare albastra.

Iata cateva exemple:

<font size="3" face="Times, Palatino, serif" 
        color="#FF0000">Exemplul 1</font>

<font size="2" face="Arial, Helvetica, nonserif" 
        color="#008000">Exemplul 2</font>

<font size="5" face="Verdana, Arial, Courier, Times" 
        color="#FF8000">Exemplul 3</font>

Codul HTML de mai sus va fi afisat de catre browser in felul urmator:

Exemplul 1

Exemplul 2

Exemplul 3

Pentru textul "Exemplul 3", browserul a selectat primul font din lista inclusa in atributul face.

Alegerea fontului
In general, fonturile serif (e.g. Times, Bookman) sunt folosite in body, iar cele non-serif (e.g. Arial, Helvetica) pentru titluri. Acest lucru este valabil si pentru paginile web, dar trebuie sa fii atent cu fonturile serif. Din cauza rezolutiei mici a ecranului, un font ca Times poate fi dificil de citit pentru dimensiunile mici ale textului (mai putin de 3).

Exemplu: Verdana este un font non-serif (creat special pentru paginile Web), usor de citit si care arata bine la dimensiuni diferite ale textului. Este posibil ca utilizatorul sa nu aiba fontul Verdana instalat, deci este recomandat sa specifici o alternativa, de exemplu un alt font non-serif ca Arial sau Helvetica.

Dimensiunea textului
Daca ai creat pagina Web sub Windows, trebuie sa stii ca browserele Mac sau Unix afiseaza fonturile mai mici cu cel putin o unitate. Deci, evita pe cat posibil dimensiunile prea mici ale textului.

Iata cum poti folosi tag-ul font astfel incat prima litera a unui rand sa apara in mod diferit fata de restul textului:

<font size="5">B</font>ine ati venit pe site-ul nostru!

Codul de mai sus va aparea in browser ca:

Bine ati venit pe site-ul nostru!

Tag-urile <H1>..<H6>
Pentru titluri si portiuni speciale de text, HTML recomanda tag-urile Headings. Acestea ofera un control redus asupra fonturilor, dar ne asigura ca textul va aparea la fel in orice browser.

Pagina:
1
comenteaza printeaza
Alte tutoriale HTML:
Noteaza acest tutorial
Rating tutorial
 
(3 voturi)
Pentru a nota acest tutorial, trebuie sa fii logat!
Posteaza un comentariu
Pentru a posta un comentariu, trebuie sa fii logat!
0 TOP UTILIZATORI* 0 0
Tutoriale scrise de claibornelara
claibornelara Rang utilizator claibornelara - Incepator
5195
Tutoriale scrise de mcuemica
mcuemica Rang utilizator mcuemica - Incepator
5145
Tutoriale scrise de ellarichards
ellarichards Rang utilizator ellarichards - Incepator
4995
Tutoriale scrise de emonclercheap
emonclercheap Rang utilizator emonclercheap - Incepator
4975
Tutoriale scrise de beacherrosa
beacherrosa Rang utilizator beacherrosa - Incepator
4735
* Acest top reprezinta punctajele acumulate in ultimele 30 de zile.
Java Fotografie Fireworks Action Script COREL DRAW Lightroom AJAX SWF HTML XML Sony Vegas RoR JSON Illustrator Photoshop PSD Flash StyleSheet Bridge Javascript Swift 3D Vista Verilog Outlook SEO Ruby on Rails Gimp Powerpoint CSS PHP Word Excel MySQL Dreamweaver Python XHTML
Promovare:
Daca faci parte din comunitatea E-learn.ro si doresti promovarea acesteia, poti accesa pagina de promovare.
Arhiva newsletter:
Daca ai ratat un numar mai vechi, sau vrei sa revezi care au fost noutatile E-learn.ro la un moment dat, poti accesa arhiva de newslettere.
  Copyright © 2008-2013 E-LEARN.ro. Toate drepturile rezervate. Termeni si conditii.
Conceput si realizat de Neokinetics Software