Inhoud

• Stappen
• Advies
• Waarschuwing

In dit artikel wordt uitgelegd hoe u de lettertypekleur in HTML-documenten kunt wijzigen. Hoewel lettertypetags in HTML verouderd zijn, kunt u CSS gebruiken om kleur toe te voegen aan de tekst van een HTML-pagina. Als u een oudere versie van HTML gebruikt, kunt u indien nodig de HTML-lettertypetag gebruiken.

Stappen

Methode 1 van 2: gebruik HTML-tags

1. 

   Maak lettertypetags. Set kaarten voor de tekst die u van kleur wilt veranderen. Plaats de sluitingskaart achter de tekst.
   • Zoals:
     Deze tekst wordt blauw.

2. 

   
   
   Voeg kleurkenmerken toe. Invoegen color = "" in het lettertype open tabblad. De gewenste kleur staat tussen aanhalingstekens.
   • Bijvoorbeeld:
     color = ""Deze tekst wordt blauw.

3. 

   
   
   Kies een kleurnaam. Kleurnaam is altijd één woord zonder spaties. Probeer iets eenvoudigs zoals 'blauw' (blauw), 'rood' (rood) of een beschrijvende naam als 'lichtblauw' of 'donkerblauw' (donkerblauw). Zoek voor meer opties de lijst met herkende zoekwoorden in kleur, die "kastanjebruin" (donkerbruin), "staalblauw" (grijsgroen) en "limoen" (lichtgeel) bevat.
   • Zoals:
     Deze tekst wordt blauw.

4. 

   
   
   Gebruik hexadecimale kleurcodes. HTML laat je kiezen uit miljoenen kleuren, maar niet alle kleuren hebben een naam. In plaats daarvan gebruiken ze een code van zes tekens die in hexadecimaal is geschreven. Er zijn veel websites op internet die hexadecimale kleurcodes vermelden of u een kleur op het scherm laten kiezen en de hexadecimale waarde weergeven. Deze code begint met een # -teken en heeft zes tekens, inclusief de cijfers 0-9 of een letter A-F.
   • Code # FF0000 vertegenwoordigt de kleur rood.
   • Deze code produceert groene tekst.
   • Deze code produceert blauwe tekst.

5. 

   Experimenteer met RGB-waarden. U hoeft niet te weten hoe hex-kleurcodering werkt om een ​​online kleurenkiezer te kunnen gebruiken. Als u echter de ervaring wilt, kunt u beginnen met de basis:
   • Elke code van zes tekens is onderverdeeld in de waarden rood, groen (groen) en blauw ("RGB"). De code # FF0000 betekent bijvoorbeeld "rood: FF groen: 00 blauw: 00".
   • Wijzig de eerste twee tekens om de hoeveelheid rood te wijzigen. U kunt elke waarde gebruiken van 00 (zonder rood) tot 99 (licht rood) of de letters AA (roodachtig) tot FF (maximale hoeveelheid rood).
   • Gebruik hetzelfde systeem om de waarde te wijzigen in groen (de middelste twee cijfers) of blauw (de laatste twee cijfers).

6. 

   Krijg een beter begrip van hexadecimale kleurcodes. Om de juiste kleur te kiezen, moet u de volgende twee concepten kennen:
   • Elke drie kleurwaarden zijn twee cijfers. Als u minder aanpassingen wilt maken, hoeft u alleen het tweede cijfer te wijzigen. # 850000 en # 890000 lijken bijvoorbeeld behoorlijk op elkaar, en # A50000 zal een beetje helderder zijn.
   • Gecombineerde RGB-waarden zijn gelijk aan het kleursysteem plus. Rood en groen produceren geel; blauw en groen vormen cyaan; Rood en blauw produceren een bordeauxrode kleur.
   advertentie

Methode 2 van 2: Gebruik een inline CSS-element

1. 

   Voeg het style-attribuut in de HTML-tag in. Eigendommen style = "" stelt u in staat om CSS te gebruiken in HML-documenten. Hier is een eenvoudige manier om de lettertypekleur in te stellen, zelfs als u niets van CSS weet. Probeer het stijlkenmerk in te stellen op een van de HTML-tags:

   • De p-tag wordt gebruikt om een ​​stuk tekst te identificeren.

   • De a-tag wordt gebruikt om een ​​link te maken.
   • Gebruik span-tags om een ​​deel van een alinea te kleuren zonder de opmaak te wijzigen.

2. 

   Kleuraanduiding. Invoegen kleur: met de kleurnaam of hexadecimale code tussen de aanhalingstekens. Zie de bovenstaande methode of probeer de volgende voorbeelden voor meer informatie over de namen en kleurcodes:
   • Deze code is een rode tekst.
   • Deze code geeft een donkere olijfgroene kleur.
   • CSS ondersteunt verkorting van 3 cijfers. Kleurcode 745 staat voor 774455.

3. 

   Gebruik CSS-klassen met lettertypen die u vaak gebruikt. Als u elk bijschrift of titel van een afbeelding voor een stuk inhoud op een grote webpagina wilt opmaken, hoeft u niet de hele code steeds opnieuw te typen. Definieer in plaats daarvan een CSS-klasse aan het begin van de tekst, zodat u de klasse met slechts één steno kunt aanroepen elke keer dat u die stijl wilt gebruiken. Hier is een voorbeeld dat enkele nieuwe toepassingen van het stijlkenmerk laat zien:
   • In sectie van het HTML-document, plak de volgende code:
     
   • Gebruik vervolgens in de body van de tekst het attribuut om deze stijl als element toe te voegen. Zoals,

     deze paragraaf

     donkergroen, groot cursief lettertype.
   • Merk op dat u elk woord in plaats van "fancy" kunt gebruiken om een ​​lettertype te beschrijven.
   advertentie

Advies

• U moet proberen uw pagina gemakkelijk leesbaar te maken. Lichte tekstkleuren zullen moeilijk te lezen zijn op wit en donkere tekstkleuren zullen moeilijk te lezen zijn op zwart.
• Oudere computers geven een limiet van 65.000 kleuren weer, terwijl oudere computers een limiet van 256 kleuren weergeven. Meer dan 99% van de internetgebruikers kan de kleur die u opgeeft echter wel zien.

Waarschuwing

• Het lettertype-element wordt niet ondersteund door de XHTML 1.0 Strict DTD-standaard.