In HTML speelt de lettergrootte een belangrijke rol. Hiermee kunt u de aandacht van de gebruiker vestigen op belangrijke informatie die op de sitepagina wordt geplaatst. Hoewel niet alleen de grootte van de letters belangrijk is, maar ook hun kleur, dikte en zelfs familie.
Tags en attributen bij het werken met HTML-lettertypen
Hypertext-taal heeft een breed scala aan hulpmiddelen voor het werken met lettertypen. Tekstopmaak is immers de hoofdtaak van html.
De reden voor de creatie van de HTML-taal was het probleem van het weergeven van tekstopmaakregels in browsers.
Laten we eens kijken naar de tags die worden gebruikt om met lettertypen in HTML te werken en hun attributen. De belangrijkste is de tag . Met behulp van de waarden van de attributen kunt u verschillende kenmerken van het lettertype instellen:
- kleur – stelt de tekstkleur in;
- grootte – lettergrootte in conventionele eenheden.
Positieve attribuutwaarden van 1 tot 7 worden ondersteund.
- gezicht – gebruikt om de tekstlettertypefamilie in te stellen die in de tag zal worden gebruikt . Er worden verschillende waarden ondersteund, gescheiden door komma's.
Alleen de tekst die zich tussen de delen van de gekoppelde lettertypetag bevindt, wordt opgemaakt. De rest van de tekst wordt weergegeven in het standaard standaardlettertype.
Ook in HTML zijn er een aantal gepaarde tags die slechts één opmaakregel specificeren. Deze omvatten:
- — stelt vet lettertype in html in. Label vergelijkbaar in actie met de vorige;
- — het formaat is groter dan de standaard;
- — kleinere lettergrootte;
- — cursieve tekst (cursief). Gelijkaardig label ;
- — tekst met onderstreping;
- doorgestreept;- — tekst alleen in kleine letters weergeven;
- - in hoofdletters.
Platte tekst
Miniatuur
Miniatuur
Meer dan normaal
Minder dan normaal
Cursief
Cursief
Met onderstrepingsteken
Doorgestreept
Mogelijkheden voor stijlkenmerken
Naast de beschreven tags zijn er nog verschillende manieren om het lettertype in html te wijzigen. Eén daarvan is het gebruik van het generieke stijlattribuut. Met behulp van de waarden van de eigenschappen kunt u de weergavestijl van het lettertype instellen:
1) font-family – de eigenschap stelt de lettertypefamilie in. Het is mogelijk om meerdere waarden op te geven.
Het wijzigen van het lettertype in html naar de volgende waarde zal plaatsvinden als de vorige familie niet op het besturingssysteem van de gebruiker is geïnstalleerd.
Syntaxis schrijven:
lettertypefamilie: lettertypenaam [, lettertypenaam[, ...]]
2) lettergrootte – de grootte is ingesteld van 1 tot 7. Dit is een van de belangrijkste manieren waarop u het lettertype in HTML kunt vergroten.
Syntaxis schrijven:
lettergrootte: absolute grootte | relatieve grootte | betekenis | interesse | erven
U kunt ook de lettergrootte instellen:
- In pixels;
- In absolute termen ( xx-klein, x-klein, klein, middelgroot, groot);
- In procenten;
- In punten (pt).
Lettergrootte: 7
Lettergrootte: 24px
Lettergrootte: x-groot
Lettergrootte: 200%
Lettergrootte: 24pt
3) lettertypestijl – stelt de schrijfstijl van het lettertype in. Syntaxis:
lettertype: normaal | cursief | schuin | erven
Waarden:
- normaal – normale spelling;
- cursief – cursief;
- schuin – lettertype schuin naar rechts;
- inherit – neemt de spelling van het bovenliggende element over.
Een voorbeeld van hoe u het lettertype in HTML kunt wijzigen met behulp van deze eigenschap:
lettertypestijl: overnemen
lettertype: cursief
lettertype: normaal
lettertype: schuin
4) lettertypevariant – converteert alle hoofdletters naar hoofdletters. Syntaxis:
lettertypevariant: normaal | smallcaps | erven
Een voorbeeld van hoe u het lettertype in html met deze eigenschap kunt wijzigen:
lettertypevariant: overnemen
lettertype-variant:normaal
lettertypevariant: small-caps
5) font-weight – hiermee kunt u de dikte van de tekst (verzadiging) instellen. Syntaxis:
lettertype-gewicht: vet|vetder|lichter|normaal|100|200|300|400|500|600|700|800|900
Waarden:
- vet – stelt het HTML-lettertype in op vet;
- brutaler – brutaler ten opzichte van normaal;
- lichter – minder verzadigd ten opzichte van normaal;
- normaal – normale spelling;
- 100-900 – stelt de letterdikte in numeriek equivalent in.
lettertypegewicht:vet
lettertypegewicht: vetter
lettertypegewicht: lichter
lettertypegewicht: normaal
lettertypegewicht:900
lettertypegewicht: 100
html-lettertype-eigenschap en letterkleur
Lettertype is een andere containereigenschap. Binnenin combineerde het de waarden van verschillende eigenschappen die bedoeld waren voor het wijzigen van lettertypen. lettertype syntaxis:
lettertype: lettergrootte lettertypefamilie | erven
De waarde kan ook worden ingesteld op de lettertypen die door het systeem worden gebruikt in de labels op verschillende bedieningselementen:
- bijschrift – voor knoppen;
- pictogram – voor pictogrammen;
- menu-menu;
- message-box – voor dialoogvensters;
- small-caption – voor kleine bedieningselementen;
- statusbalk – statusbalklettertype.
lettertype: pictogram
lettertype: onderschrift
lettertype:menu
lettertype: berichtenvenster
klein onderschrift
lettertype: statusbalk
lettertype: cursief 50px vet "Times New Roman", Times, serif
Bij het maken van een webpagina krijgt u te maken met verschillende ontwerpuitdagingen. Een van de veelgestelde vragen is hoe je de tekstkleur in HTML kunt wijzigen. Het oplossen ervan is vrij eenvoudig en er zijn twee verschillende manieren.
Stel een inline tekststijlkenmerk in
Om te begrijpen hoe u de tekstkleur in HTML kunt wijzigen, hoeft u alleen maar naar de lijst met tekstveldkenmerken te kijken. Onder hen zijn er een aantal waarden die de stijl bepalen van de tekst in deze tags, die zijn gespecificeerd in het trefwoord stijl.
Om de tekstkleur te wijzigen, voert u eenvoudigweg het woord style= "" in het geselecteerde gebied van het tekstveld in de openingstag in. Binnen dit attribuut kunt u verschillende parameterwaarden opgeven - de waarde van het kleurattribuut is verantwoordelijk voor het wijzigen van de kleurtoon van de tekst. Door deze parameter op te geven, moet u na het dubbele punt de kleur opgeven waarin alle tekens in dit veld worden gekleurd. In dit geval kunt u bij het definiëren van een tint zowel een expliciete kleurwaarde opgeven, bijvoorbeeld rood of geel, als de hexadecimale waarde ervan, oftewel rgb.
Ongeacht de gekozen methode voor het bepalen van de kleur, het resultaat zal hetzelfde zijn als de tint hetzelfde wordt gekozen. Alle volgende drie voorbeelden zullen dus dezelfde wijzigingen in de tekst aanbrengen: kleur deze geel.
1.
tekst
2.
tekst
3.
tekst
Kleur veranderen met CSS
Met behulp van een stijlblad kunt u ook beslissen hoe u de kleur van tekst in HTML wijzigt. CSS wordt volledig ondersteund door alle moderne versies van HTML en stelt u ook in staat de stijl van meerdere pagina-elementen tegelijk te wijzigen.
Om te begrijpen hoe u de tekstkleur in HTML kunt wijzigen met behulp van CSS, hoeft u geen formeel taalgebruik te begrijpen. Om de attributen van een bepaald element te definiëren, moet u een CSS-beschrijving maken die in de tag wordt geschreven
, en wordt gedefinieerd door de tag-
Een pagina automatisch vernieuwen in de Yandex-browser Automatisch vernieuwen in Opera -
Een applicatie of game maken voor Android Methoden en kosten voor het maken van een applicatie -
Wat te doen als er hiërogliefen in plaats van tekst staan (in Word, browser of tekstdocument) Onbegrijpelijke hiërogliefen in plaats van letters -
DIY-propellerklok op pic16f628a -
Waarom werkt de ventilator op mijn laptop niet?