Introduktion till HTML-typsnitt
Följande artikel, HTML-typsnitt, innehåller en översikt över de vanligaste typsnittet i HTML. HTML populärt känt som HyperText Markup Language är ett av de mest väsentliga och kritiska språken eller skript som är avgörande för att skapa webbapplikationer och webbplatser. Detta är som ryggraden i webbapputvecklingen eftersom alla taggar och andra funktioner utgör den underliggande komponenten i den.
All frontend-utveckling är också baserad på HTML-skript. Detta kan bara användas för att tillhandahålla markeringstaggar och för att förbättra utseendet och känslan för dessa taggar har vi ett annat bibliotek som är mycket populärt, CSS som står för Cascading Style Sheets. Detta kan användas för att implementera alla typer av stilar som krävs av HTML. Teckensnitt och stilar utgör huvuddelen av webbplatsen och i den här artikeln kommer vi att ge dig en lista över majoriteten av HTML-typsnittet.
HTML-typsnitt:
Teckensnitt spelar en mycket viktig roll för att göra en webbplats mer användarvänlig och den som lockar mer trafik bortsett från att öka innehållets läsbarhet. Teckensnittsfärgen och teckensnittet beror också på datorn och webbläsaren som använder sig av och HTML-taggen används också för att lägga till stil, färg, storlek till texten på din webbplats.
Taggen används för att ställa in all text som finns på din webbplats eller inuti elementet till samma storlek, färg och ansikte. Teckensnittet består av de tre attributen, nämligen ansiktsfärg och storlek som återigen utgör en mycket kritisk komponent i de olika typsnitt som finns på webbplatsen.
Taggen är den mest använda och en av de viktigaste taggarna som kan användas för att skapa ett bra utseende för din webbsida. Texten som följer den öppnade taggen kommer att förbli på samma sätt om inte och tills den stängs av taggen.
Låt oss titta på några av de grundläggande HTML-typsnitten:
Det finns några grundläggande funktioner och egenskaper som är kopplade till HTML-typsnitt och de är:
1) Ställa in teckenstorlek:
Innehållsteckensstorleken kan ställas in genom att använda storleksattribut. Det accepterade värdet på intervallet ligger från 1 som är det minsta antalet och det går till 7 som är det största antalet. Standardstorleken för alla typsnitt är 3.
Exempel,
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 teckensnittstorlek:
Den relativa teckensnittsstorleken används för att bestämma och specificera hur många storlekar som är större och hur många storlekar som är mindre än den aktuella teckenstorleken som faktiskt finns. Detta kan specificeras som:
or by writing
Exempel,
Relative Font Size
Font size = "-1"
Font size = "+1"
Font size = "+2"
Font size = "+3"
Font size = "+4"
3) Ställa in teckensnitt:
Den andra kategorin efter inställningen av teckensnittstorlek och relativ teckenstorlek är den för inställningen av teckensnitt. Detta utgör en kritisk del av attributen ovan. Detta kan ställas in genom att använda ansiktsattribut, men det bör alltid hållas i åtanke att om användaren som är utsedd att använda detta teckensnittvärde inte har det här teckensnittet installerat i sitt system, så kommer de inte att kunna se det . Istället är bara standardteckensnittytan som är tillämplig på den användarens dator synlig.
Exempel,
Font Face
Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock
4) Ange alternativa teckensnitt mot ansikte:
- Detta används för att ange olika typer av teckensnitt endast om användaren har det specifika teckensnittet installerat på sitt system, annars kommer ett standardinstallerat teckensnitt att vara synligt. Det är möjligt att nämna mer än ett, specifikt två eller fler än två teckensnittalternativ genom att ange teckensnittens namn som är specifikt separerade med ett komma.
- När webbsidan laddas kommer webbläsaren att ansvara för att visa det första teckensnittet som kommer att genereras. Om inget av de medföljande teckensnitten är installerade i systemet visas standardteckensnittet som är Times New Roman framgångsrikt.
Exempel,
5) Ställa in teckensnittsfärg:
Detta är ett annat attribut som utgör den kritiska delen och komponenten i HTML-typsnittet och stilarlistan. I det här teckensnittet är färgen inställd genom att använda valfritt färgattribut, den färg som krävs kan krävas genom att använda hexadecimal kod och färgnamn för den angivna färgen.
Exempel,
Setting Font Color
This text is in pink
This text is red
6) Element:
- Detta element är specifikt för HTML-språk och är tänkt att tillhandahålla webbsidan en standardtypstorlek, typsnitt och färg för alla delar och komponenter i dokumenten som inte finns i taggen.
- Taggen kan enkelt användas för att åsidosätta inställningarna.
- Denna tagg använder också färg, ansikte och storlek attribut som relativt kommer att stödja alla teckensnitt inställningar genom att tillhandahålla storleken på ett värde på +1 för en storlek större eller -2 för två storlekar mindre.
Exempel:
Setting Basefont Color
Detta är sidans standardteckensnitt.
Exempel på elementet
Slutsats-
HTML-teckensnitt och stilar är en av de mest kritiska komponenterna och funktionerna som inte kan förbises och kan ge en mycket bra form och design på din webbplats. När vi pratar om de senaste javascript-biblioteken som finns tillgängliga på marknaden innehåller i sig alla dessa och flera andra teckensnitt och stilar. För grundläggande HTML måste detta fortfarande göras manuellt. Hoppas att du gillade vår artikel. Håll dig uppdaterad på vår blogg för fler artiklar som dessa.
Rekommenderade artiklar
Detta har varit en guide till HTML-typsnitt. Här har vi diskuterat introduktionen och en detaljerad förklaring av några grundläggande teckensnitt i HTML med exempel. Du kan också gå igenom våra andra föreslagna artiklar för att lära dig mer -
- HTML-stilark
- HTML-attribut
- Hur HTML fungerar
- HTML-liststilar
- HTML-block