Introducere în stiluri de fonturi HTML

Următorul articol, Stiluri de fonturi HTML oferă o prezentare a celor mai utilizate stiluri de fonturi în HTML. HTML cunoscut popular sub denumirea de HyperText Markup Language este unul dintre cele mai esențiale și critice limbaje sau scripturile esențiale în crearea de aplicații web și site-uri web. Aceasta este ca coloana vertebrală a dezvoltării aplicațiilor web, deoarece toate etichetele și alte caracteristici formează componenta de bază a acesteia.

Toată dezvoltarea front front se bazează, de asemenea, pe scripturi HTML. Acest lucru poate fi utilizat doar pentru a furniza etichete de marcare și pentru a îmbunătăți aspectul acestor etichete, avem o altă bibliotecă foarte populară, CSS, care reprezintă foile de stil Cascading. Acesta poate fi utilizat pentru a implementa toate tipurile de stiluri care sunt solicitate de HTML. Fontul și stilurile constituie partea majoră a site-ului web, iar în acest articol, vă vom oferi o listă cu majoritatea stilurilor de font HTML.

Stiluri de font HTML:

Fonturile joacă un rol foarte important în ceea ce privește crearea unui site web mai ușor de utilizat și cel care atrage mai mult trafic, în afară de citirea conținutului. Culoarea fontului și fața fontului depind, de asemenea, de computer și de browserul care își folosește, iar eticheta HTML este de asemenea folosită pentru a adăuga stilul, culoarea, dimensiunea textului de pe site-ul dvs. web.

Eticheta este utilizată pentru a seta tot textul prezent pe site-ul dvs. web sau în interiorul elementului la aceeași dimensiune, culoare și față. Eticheta de font constă din cele trei atribute și anume culoarea și dimensiunea feței, care formează din nou o componentă foarte critică a diferitelor stiluri de font prezente în interiorul site-ului.

Eticheta este cea mai frecvent utilizată și una dintre cele mai importante etichete care pot fi utilizate pentru a crea un aspect bun pentru pagina web. Textul care va urma eticheta deschisă va rămâne în aceeași manieră decât dacă și până când este închis cu etichetă.

Să ne uităm la unele dintre stilurile de bază ale fonturilor HTML:

Există câteva caracteristici și caracteristici de bază asociate stilurilor de fonturi HTML și sunt:

1) Setarea dimensiunii fontului:

Mărimea fontului de conținut poate fi setată folosind atributele de mărime. Valoarea acceptată a intervalului este de la 1, care este cel mai mic număr și merge până la 7, care este cel mai mare număr. Dimensiunea implicită a oricărui tip de font este 3.

Exemplu,



Setting Basic Font Size

Font size = "1"
Font size = "2"
Font size = "3"
Font size = "4"
Font size = "5"
Font size = "6"
Font size = "7"

2) Dimensiunea relativă a fontului:

Dimensiunea relativă a fontului este utilizată pentru a determina și a specifica câte dimensiuni sunt mai mari și câte dimensiuni sunt mai mici decât dimensiunea curentă a fontului, care este de fapt prezentă. Aceasta poate fi specificată astfel:

or by writing

Exemplu,



Relative Font Size

Font size = "-1"
Font size = "+1"
Font size = "+2"
Font size = "+3"
Font size = "+4"

3) Setarea feței fontului:

Cealaltă categorie după setarea dimensiunii fontului și a dimensiunii relative a fontului este cea a configurarii fontului. Aceasta reprezintă o parte critică a atributelor enumerate mai sus. Acest lucru poate fi setat folosind atributul face, dar trebuie să se țină cont întotdeauna că dacă utilizatorul care este desemnat să utilizeze această valoare font nu are acest font instalat în sistemul lor, atunci nu vor putea să-l vadă . În schimb, doar fața implicită a fontului care este aplicabilă computerului respectivului utilizator va fi vizibilă.

Exemplu,



Font Face

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock

4) Specificați fețele alternative de fonturi:

  • Acest lucru este utilizat pentru a specifica diferite tipuri de caractere de font numai dacă utilizatorul are acel font specific instalat pe sistemul lor, în caz contrar, un font instalat implicit va fi vizibil. Este posibil să se menționeze mai multe alternative, mai exact două sau mai mult de două alternative de caractere de font prin listarea în jos a numelor de fonturi care sunt separate separat de virgulă.
  • Când pagina web este încărcată, browserul va fi responsabil să afișeze primul font care va fi generat. Dacă niciunul dintre fonturile furnizate nu este instalat în sistem, atunci fața implicită a fontului, care este Times New Roman, va fi afișată cu succes.

Exemplu,


5) Setarea culorii fontului:

Acesta este un alt atribut care formează partea critică și componenta listei de fonturi și stiluri HTML. În acest font de culoare este configurat folosind orice atribut de culoare, culoarea necesară ar putea fi necesară utilizând codul hexadecimal și numele culorii pentru culoarea specificată.

Exemplu,



Setting Font Color

This text is in pink
This text is red

6) Element:

  • Acest element este specific limbajului HTML și ar trebui să ofere paginii web o dimensiune de font, tipografie și culoare implicite pentru toate părțile și componentele documentelor care nu sunt conținute în etichetă.
  • Eticheta poate fi folosită cu ușurință pentru a trece peste setări.
  • Această etichetă folosește, de asemenea, atributele de culoare, față și mărime, care vor suporta relativ toate setările fontului, oferind dimensiunea unei valori de +1 pentru o dimensiune mai mare sau -2 pentru două dimensiuni mai mici.

Exemple:



Setting Basefont Color

Acesta este fontul implicit al paginii.

Exemplu de element

Concluzie-

Fonturile și stilurile HTML sunt una dintre componentele și caracteristicile cele mai critice care nu pot fi trecute cu vederea și pot oferi o formă și design foarte bune site-ului dvs. web. Când vorbim despre cele mai recente biblioteci javascript, disponibile pe piață, conțin în sine toate acestea și mai multe alte fonturi și stiluri. Pentru HTML-ul de bază, acest lucru trebuie totuși făcut manual. Sper că v-a plăcut articolul nostru. Rămâneți la curent cu blogul nostru pentru mai multe articole ca acestea.

Articole recomandate

Acesta a fost un ghid pentru stilurile de fonturi HTML. Aici am discutat despre introducerea și o explicație detaliată a unor fonturi de bază ale HTML-ului cu exemple. Puteți parcurge și alte articole sugerate pentru a afla mai multe -

  1. Fișe de stil HTML
  2. Atribute HTML
  3. Cum funcționează HTML
  4. Stiluri de listă HTML
  5. Blocuri HTML