Introduktion til HTML-skrifttyper

Den følgende artikel, HTML-skrifttyper giver en oversigt over de mest almindeligt anvendte fontformater i HTML. HTML populært kendt som HyperText Markup Language er et af de mest essentielle og kritiske sprog eller scripts, som er vigtigt for at oprette webapplikationer og websteder. Dette er ligesom rygraden i webapp-udvikling, da alle tags og andre funktioner udgør den underliggende komponent i det.

Al frontend-udvikling er også baseret på HTML-scripting. Dette kan bare bruges til at levere markeringskoder, og for at forbedre udseendet og følelsen af ​​disse tags har vi et andet bibliotek, der er meget populært, CSS, der står for Cascading Style Sheets. Dette kan bruges til at implementere alle slags stilarter, der kræves af HTML. Skrifttypen og stilarterne udgør den største del af webstedet, og i denne artikel vil vi give dig en liste over størstedelen af ​​HTML-fontformaterne.

HTML-skrifttyper:

Skrifttyper spiller en meget stor rolle i at gøre et websted mere brugervenligt og det, der tiltrækker mere trafik bortset fra at øge indholdets læsbarhed. Skriftfarve og skriftoverflade afhænger også af computeren og browseren, der bruger det, og HTML-mærket bruges også til at tilføje stil, farve, størrelse til teksten på dit websted.

Mærket bruges til at indstille al teksten, der findes på dit websted eller inde i elementet, til samme størrelse, farve og ansigt. Skrifttaggen består af de tre attributter, nemlig ansigtsfarve og størrelse, der igen udgør en meget kritisk komponent i de forskellige skrifttyper, der findes på webstedet.

Mærkatet er det mest almindeligt anvendte og en af ​​de vigtigste tags, der kan bruges til at opbygge et godt udseende på din webside. Teksten, der vil følge det åbne tag, forbliver på samme måde, medmindre og indtil det lukkes af tag.

Lad os se på nogle af de grundlæggende HTML-skrifttyper:

Der er nogle grundlæggende funktioner og egenskaber, der er forbundet med HTML-skrifttyper, og de er:

1) Indstilling af skriftstørrelse:

Indholdsskriftsstørrelsen kan indstilles ved at bruge størrelsesattributter. Den accepterede værdi af intervallet ligger fra 1, som er det mindste antal, og det går til 7, som er det største antal. Standardstørrelsen for enhver skrifttype 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ørrelse bruges til at bestemme og specificere, hvor mange størrelser der er større, og hvor mange størrelser der er mindre end den aktuelle skriftstørrelse, der faktisk er til stede. Dette kan specificeres som:

or by writing

Eksempel,



Relative Font Size

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

3) Indstilling af skrifttype:

Den anden kategori efter indstillingen af ​​skriftstørrelse og relativ skriftstørrelse er den for opsætningen af ​​skrifttype. Dette udgør en kritisk del af de attributter, der er anført ovenfor. Dette kan indstilles ved at bruge ansigtsattribut, men det skal altid huskes, at hvis brugeren, der er udpeget til at bruge denne fontværdi, ikke har denne skrifttype installeret i deres system, så vil de ikke kunne se den . I stedet er det kun standardfontansiden, der gælder for den pågældende brugers computer, som er synlig.

Eksempel,



Font Face

Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock

4) Angiv alternative skrifttyper:

  • Dette bruges til at specificere forskellige typer skrifttyper, hvis brugeren har den bestemte skrifttype installeret på deres system, ellers vil en standardinstalleret skrifttype være synlig. Det er muligt at nævne mere end et, nærmere bestemt to eller flere end to skrifttypealternativer ved at angive skrifttypenavne, der er adskilt med et komma.
  • Når websiden bliver indlæst, er browseren ansvarlig for at vise den første font, der nogensinde vil genereres. Hvis ingen af ​​de medfølgende skrifttyper er installeret i systemet, vises standardskrifttypen, der er Times New Roman, med succes.

Eksempel,


5) Indstilling af skriftfarve:

Dette er en anden attribut, der udgør den kritiske del og komponent i HTML-font- og typelisten. I denne skrifttype er farve indstillet ved at bruge enhver farveattribut, den krævede farve kan være påkrævet ved at bruge hexadecimal kode og farvenavn til den specificerede farve.

Eksempel,



Setting Font Color

This text is in pink
This text is red

6) Element:

  • Dette element er specifikt for HTML-sprog og formodes at give websiden en standardskriftsstørrelse, skrifttype og farve til alle dele og komponenter i dokumenterne, der ikke er indeholdt i tagget.
  • Mærkatet kunne let bruges til at tilsidesætte indstillingerne.
  • Dette tag anvender også egenskaber til farve, ansigt og størrelse, som relativt vil understøtte alle fontindstillinger ved at angive størrelsen på en værdi på +1 for en størrelse større eller -2 for to størrelser mindre.

Eksempler:



Setting Basefont Color

Dette er sidens standard skrifttype.

Eksempel på elementet

Conclusion-

HTML font og stilarter er en af ​​de mest kritiske komponenter og funktioner, som ikke kan overses, og som kan give en meget god form og design til dit websted. Når vi taler om de nyeste javascript-biblioteker, der er tilgængelige på markedet, indeholder i sig selv alle disse og flere andre skrifttyper og stilarter. For den basale HTML skal dette stadig gøres manuelt. Håber du kunne lide vores artikel. Hold øje med vores blog for flere artikler som disse.

Anbefalede artikler

Dette har været en guide til HTML-skrifttyper. Her har vi diskuteret introduktionen og en detaljeret forklaring af nogle grundlæggende skrifttyper i HTML med eksempler. Du kan også gennemgå vores andre foreslåede artikler for at lære mere -

  1. HTML stilark
  2. HTML-attributter
  3. Sådan fungerer HTML
  4. HTML-listestilarter
  5. HTML-blokke

Kategori:

Webudviklingsværktøjer