Inleiding tot HTML-lettertypen Stijlen
Het volgende artikel, HTML-lettertypenstijlen, geeft een overzicht van de meest gebruikte lettertypestijlen in HTML. HTML in de volksmond bekend als HyperText Markup Language is een van de meest essentiële en kritieke talen of de scripts die essentieel zijn bij het maken van webtoepassingen en websites. Dit is als de ruggengraat van de ontwikkeling van webapps, omdat alle tags en andere functies de onderliggende component ervan vormen.
Alle front-end ontwikkeling is ook gebaseerd op HTML-scripting. Dit kan alleen worden gebruikt om opmaaktags aan te bieden en om het uiterlijk van deze tags te verbeteren, hebben we nog een bibliotheek die erg populair is, CSS die staat voor Cascading Style Sheets. Dit kan worden gebruikt om allerlei stijlen te implementeren die vereist zijn voor de HTML. Het lettertype en de stijlen vormen het grootste deel van de website en in dit artikel geven we u een lijst met de meeste HTML-lettertypestijlen.
HTML-lettertypestijlen:
Lettertypen spelen een zeer belangrijke rol bij het gebruiksvriendelijker maken van een website en degene die meer verkeer aantrekt, behalve het vergroten van de leesbaarheid van de inhoud. De kleur van het lettertype en het lettertype zijn ook afhankelijk van de computer en de browser die het gebruikt en de HTML-tag wordt ook gebruikt om de stijl, kleur en grootte toe te voegen aan de tekst op uw website.
De tag wordt gebruikt om alle tekst die aanwezig is op uw website of in het element op dezelfde grootte, kleur en hetzelfde gezicht in te stellen. De font-tag bestaat uit de drie attributen, namelijk gezichtskleur en -grootte, die opnieuw een zeer kritisch onderdeel vormen van de verschillende lettertypestijlen die aanwezig zijn op de website.
De tag is de meest gebruikte en een van de belangrijkste tags die kunnen worden gebruikt om een goede look & feel voor uw webpagina te creëren. De tekst die op de geopende tag volgt, blijft op dezelfde manier tenzij en totdat deze wordt gesloten door de tag.
Laten we eens kijken naar enkele van de basisstijlen voor HTML-lettertypen:
Er zijn enkele basisfuncties en -kenmerken verbonden aan HTML-lettertypestijlen en deze zijn:
1) Lettergrootte instellen:
De lettergrootte van de inhoud kan worden ingesteld door gebruik te maken van groottekenmerken. De geaccepteerde waarde van het bereik ligt bij 1 wat het kleinste getal is en gaat tot 7 wat het grootste getal is. De standaardgrootte van elk lettertype is 3.
Voorbeeld,
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) Relatieve lettergrootte:
De relatieve lettergrootte wordt gebruikt om te bepalen en op te geven hoeveel groottes groter zijn en hoeveel groottes kleiner zijn dan de huidige lettergrootte die daadwerkelijk aanwezig is. Dit kan worden gespecificeerd als:
or by writing
Voorbeeld,
Relative Font Size
Font size = "-1"
Font size = "+1"
Font size = "+2"
Font size = "+3"
Font size = "+4"
3) Lettertype instellen:
De andere categorie na het instellen van de lettergrootte en de relatieve lettergrootte is die van het instellen van het lettertype. Dit vormt een cruciaal onderdeel van de hierboven genoemde kenmerken. Dit kan worden ingesteld door gebruik te maken van het gezichtskenmerk, maar er moet altijd rekening mee worden gehouden dat als de gebruiker die is aangewezen om deze lettertypewaarde te gebruiken, dit lettertype niet in zijn systeem is geïnstalleerd, dit niet kan worden gezien . In plaats daarvan is alleen het standaardlettertype zichtbaar dat van toepassing is op de computer van die specifieke gebruiker.
Voorbeeld,
Font Face
Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock
4) Geef alternatieve lettertype-gezichten op:
- Dit wordt alleen gebruikt om verschillende soorten lettertypen aan te geven als de gebruiker dat specifieke lettertype op zijn systeem heeft geïnstalleerd, anders is een standaard geïnstalleerd lettertype zichtbaar. Het is mogelijk om meer dan één, in het bijzonder twee of meer dan twee lettertype-alternatieven te vermelden door de lettertypegezichtnamen op te sommen die specifiek worden gescheiden door een komma.
- Wanneer de webpagina wordt geladen, is de browser verantwoordelijk voor het weergeven van het allereerste lettertype dat wordt gegenereerd. Als geen van de aangeboden lettertypen in het systeem is geïnstalleerd, wordt het standaardlettertype Face New Roman met succes weergegeven.
Voorbeeld,
5) Lettertypekleur instellen:
Dit is een ander attribuut dat het kritieke onderdeel en onderdeel vormt van het HTML-lettertype en de lijst met stijlen. In dit lettertype wordt kleur ingesteld door gebruik te maken van elk kleurkenmerk, de vereiste kleur kan vereist zijn door gebruik te maken van hexadecimale code en kleurnaam voor de opgegeven kleur.
Voorbeeld,
Setting Font Color
This text is in pink
This text is red
6) Element:
- Dit element is specifiek voor de HTML-taal en wordt verondersteld de webpagina een standaard lettergrootte, lettertype en kleur te bieden voor alle delen en componenten van de documenten die niet in de tag zijn opgenomen.
- De tag kan eenvoudig worden gebruikt om de instellingen te overschrijven.
- Deze tag maakt ook gebruik van kleur-, gezichts- en groottekenmerken die relatief alle lettertype-instellingen ondersteunen door de grootte van een waarde van +1 te geven voor één grootte groter of -2 voor twee grootten kleiner.
Voorbeelden:
Setting Basefont Color
Dit is het standaardlettertype van de pagina.
Voorbeeld van het element
Conclusie-
HTML-lettertypen en -stijlen zijn een van de meest kritische componenten en functies die niet over het hoofd kunnen worden gezien en die een zeer goede vorm en ontwerp kunnen geven aan uw website. Als we het hebben over de nieuwste javascript-bibliotheken die op de markt beschikbaar zijn, bevatten deze op zichzelf al deze en verschillende andere lettertypen en stijlen. Voor de basis-HTML moet dit nog steeds handmatig worden gedaan. Ik hoop dat je ons artikel leuk vond. Houd ons blog in de gaten voor meer artikelen zoals deze.
Aanbevolen artikelen
Dit is een gids geweest voor HTML-lettertypen. Hier hebben we de introductie en een gedetailleerde uitleg van enkele basislettertypen van de HTML besproken met voorbeelden. U kunt ook onze andere voorgestelde artikelen doornemen voor meer informatie -
- HTML-stijlbladen
- HTML-kenmerken
- Hoe HTML werkt
- HTML-lijststijlen
- HTML-blokken