Introduksjon til HTML-skrifttyper

Følgende artikkel, HTML-skrifttyper, gir en oversikt over de mest brukte skriftstiler i HTML. HTML populært kjent som HyperText Markup Language er et av de mest essensielle og kritiske språkene eller skriptene som er avgjørende for å lage webapplikasjoner og nettsteder. Dette er som ryggraden i webapputvikling da alle kodene og andre funksjoner utgjør den underliggende komponenten i den.

All frontend-utvikling er også basert på HTML-scripting. Dette kan bare brukes til å gi merkingskoder, og for å forbedre utseendet og følelsen av disse kodene, har vi et annet bibliotek som er veldig populært, CSS som står for Cascading Style Sheets. Dette kan brukes til å implementere alle slags stiler som kreves av HTML. Font og stiler utgjør hoveddelen av nettstedet, og i denne artikkelen skal vi gi deg en liste over de fleste HTML-fontstiler.

HTML-fontstiler:

Skrifttyper spiller en veldig viktig rolle i å gjøre et nettsted mer brukervennlig og det som tiltrekker mer trafikk bortsett fra å øke innholdets lesbarhet. Fontfargen og skriftsiden er også avhengig av datamaskinen og nettleseren som bruker, og HTML-koden brukes også til å legge til stil, farge, størrelse til teksten på nettstedet ditt.

Koden brukes til å angi all teksten som er til stede på nettstedet ditt eller inne i elementet, til samme størrelse, farge og ansikt. Fontkoden består av de tre attributtene, nemlig ansiktsfarge og -størrelse som igjen utgjør en veldig kritisk komponent av de forskjellige fontstiler som finnes på nettstedet.

Koden er den mest brukte og en av de viktigste kodene som kan brukes til å skape et godt utseende for hjemmesiden din. Teksten som vil følge den åpnede koden, forblir på samme måte med mindre og til den blir lukket av taggen.

La oss se på noen av de grunnleggende HTML-skrifttypene:

Det er noen grunnleggende funksjoner og egenskaper knyttet til HTML-fontstiler, og de er:

1) Innstilling av skriftstørrelse:

Innholdets skriftstørrelse kan angis ved å bruke størrelsesattributter. Den aksepterte verdien av området ligger fra 1 som er det minste tallet og det går til 7 som er det største tallet. Standardstørrelsen på alle skrifttyper er 3.

Eksempel,



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) Relativ skriftstørrelse:

Den relative skriftstørrelsen brukes til å bestemme og spesifisere hvor mange størrelser som er større og hvor mange størrelser som er mindre enn den gjeldende skriftstørrelsen som faktisk er til stede. Dette kan spesifiseres som:

or by writing

Eksempel,



Relative Font Size

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

3) Innstilling av font ansikt:

Den andre kategorien etter innstillingen av skriftstørrelse og relativ skriftstørrelse er den for innstillingen av font ansiktet. Dette utgjør en kritisk del av attributtene listet over. Dette kan settes ved å bruke ansiktsattributt, men det må alltid huskes at hvis brukeren som er utpekt til å bruke denne fontverdien, ikke har denne skrifttypen installert i systemet sitt, vil de ikke kunne se den . I stedet er bare standardskriftssiden som er gjeldende for den spesifikke brukerens datamaskin, synlig.

Eksempel,



Font Face

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock

4) Spesifiser alternative font ansikter:

  • Dette brukes til å spesifisere forskjellige typer skrifttyper bare hvis brukeren har den aktuelle skriften installert på systemet sitt, ellers vil en standardinstallert font være synlig. Det er mulig å nevne mer enn ett, nærmere bestemt to eller flere enn to font ansiktsalternativer ved å oppgi font ansiktsnavn som er spesielt adskilt med komma.
  • Når nettsiden lastes inn, er nettleseren ansvarlig for å vise den første font som vil genereres. Hvis ingen av de medfølgende skriftene er installert i systemet, vises standardskriftssiden som er Times New Roman.

Eksempel,


5) Innstilling av skriftfarge:

Dette er et annet attributt som utgjør den kritiske delen og komponenten i HTML-font- og stillisten. I denne skriftfargen er det satt opp ved å bruke hvilken som helst fargeattributt, fargen som kreves, kan kreves ved å bruke heksadesimal kode og fargenavn for den angitte fargen.

Eksempel,



Setting Font Color

This text is in pink
This text is red

6) Element:

  • Dette elementet er spesifikt for HTML-språk og er ment å gi hjemmesiden en standard skriftstørrelse, skrifttype og farge for alle delene og komponentene i dokumentene som ikke er inne i koden.
  • Taggen kan lett brukes til å overstyre innstillingene.
  • Denne taggen bruker også farge-, ansikts- og størrelsesattributter som relativt vil støtte alle fontinnstillinger ved å gi størrelsen på en verdi på +1 for en størrelse større eller -2 for to størrelser mindre.

eksempler:



Setting Basefont Color

Dette er standardens font.

Eksempel på elementet

Konklusjon-

HTML font og stiler er en av de mest kritiske komponentene og funksjonene som ikke kan overses og som kan gi en veldig god form og design til nettstedet ditt. Når vi snakker om de nyeste JavaScript-bibliotekene som er tilgjengelige i markedet, inneholder i seg selv alle disse og flere andre skrifter og stiler. For den grunnleggende HTML-en, må dette fortsatt gjøres manuelt. Håper du likte artikkelen vår. Følg med på bloggen vår for flere artikler som disse.

Anbefalte artikler

Dette har vært en guide til HTML-skrifttyper. Her har vi diskutert introduksjonen og en detaljert forklaring av noen grunnleggende fonter av HTML med eksempler. Du kan også gå gjennom andre foreslåtte artikler for å lære mer -

  1. HTML stilark
  2. HTML-attributter
  3. Slik fungerer HTML
  4. HTML-listestiler
  5. HTML-blokker