Hoe lettertypekleurentags in HTML te gebruiken

Inhoud

• stadia
• Methode 1 Gebruik HTML-tags
• Methode 2 Gebruik CSS in tags

De HTML-fonttag is nu verouderd en professionele ontwikkelaars moeten deze niet gebruiken. Hoewel het heel eenvoudig is om de kleur van het lettertype in een persoonlijk project te wijzigen, is er geen garantie dat het blijft werken als webbrowsers worden bijgewerkt. Voor de beste resultaten moet u de methode met CSS gebruiken.

stadia

Methode 1 Gebruik HTML-tags

1. 
   

   
   Maak de font-tag. Plaats de tag voor de e die u wilt kleuren. Sluit het door te zetten aan het einde van e.
   • Bijvoorbeeld:
     Ik wil dat dit in het blauw staat

2. 
   

   
   Voeg het kenmerk voor de kleur toe. toevoegen color = "" in de openingstag. Vervolgens moet u de gewenste kleur tussen de aanhalingstekens plaatsen (in het Engels).
   • Bijvoorbeeld:
     Ik wil dat dit in het blauw staat

3. 
   

   
   Kies de naam van de kleur. Het is altijd een eenvoudig woord in het Engels, zonder spatie. Probeer eenvoudige namen zoals "blauw", "rood" of iets specifiekers zoals "lichtblauw" (donkerblauw) of "donkerblauw" (donkerblauw). Voor meer keuzes, zoek een lijst met geaccepteerde kleurnamen zoals kastanjebruin, staalblauw en limoen.
   • Bijvoorbeeld:
     Ik wil dat dit in het blauw staat

4. 
   

   
   
   
   Gebruik in plaats daarvan een hexadecimale code. Met HTML kunt u kiezen uit miljoenen kleuren, maar er zijn niet altijd namen voor. In plaats daarvan gebruikt u een zescijferige code in een systeem dat hexadecimaal wordt genoemd. Er zijn veel websites die hexadecimale codelijsten voor kleuren aanbieden, of u kunt zelfs de kleur rechtstreeks op uw scherm kiezen om de code te krijgen. Het nummer begint met het symbool # gevolgd door zes cijfers bestaande uit cijfers van 0 tot 9 en de letters d tot F.
   • De code # FF0000 is hetzelfde als de rode kleur gemarkeerd met "rood".
   • Deze code genereert een groene kleur.
   • Deze code maakt de e blauw.

5. 
   

   
   
   
   Speel met RGB-waarden. U hoeft niet te weten hoe de hexadecimale kleurcode werkt om een ​​gewenste kleur te kiezen in een palet dat u op internet vindt. Als u echter meerdere experimenten wilt doen, moet u beginnen met de basis.
   • Elk zescijferig nummer is verdeeld in waarden voor rood, groen en blauw (of "RGB" voor "rood, groen, blauw"). De code # FF0000 betekent bijvoorbeeld eigenlijk "rood: FF, groen: 00, blauw: 00".
   • Wijzig de eerste twee cijfers om de hoeveelheid rood te wijzigen. U kunt een waarde tussen 00 (helemaal geen rood) en 99 (een beetje rood) en tussen AA (een beetje meer rood) en FF (het rode maximum) gebruiken.
   • Gebruik hetzelfde systeem om de waarde van groen (de middelste twee cijfers) en blauw (de laatste twee cijfers) te wijzigen.

6. 
   

   
   Begrijp de code diepgaand. Om een ​​meer accurate kleurselectie te krijgen, moet u twee andere concepten begrijpen.
   • Elk van deze drie waarden bestaat uit een tweecijferig nummer. Om kleine wijzigingen aan te brengen, kunt u het tweede cijfer wijzigen. Bijvoorbeeld: #850000 en #890000 lijken erg op elkaar maar # A50000 is veel duidelijker.
   • De RGB-waarden worden gemengd op basis van het additieve kleursynthesesysteem. Rood en groen maken geel, blauw en groen maken cyaan en rood en blauw maken magenta .

Methode 2 Gebruik CSS in tags

1. 
   

   
   Voeg het kenmerk "stijl" in de tag in. Met dit kenmerk kunt u CSS rechtstreeks in de HTML-tag plaatsen. Het is een eenvoudige manier om de kleur te veranderen, zelfs als u CSS niet kent. Probeer het in een van de volgende tags te plaatsen:

   • de p-tag omringt een alinea met e

   • de tag heeft een link omgeven
   • gebruik de span-tag om de kleur van een deel van de e te wijzigen zonder het formaat te wijzigen

2. 
   

   
   Geef de kleur aan. invoegen kleur: gevolgd door de naam van de kleur of hexadecimale code tussen de aanhalingstekens. Zie de voorbeelden in de vorige methode voor meer informatie over kleurnamen.
   • De e staat nu in het rood.
   • Hier is de code voor het donkere olijfgroen.
   • CSS ondersteunt driecijferige verkorte kleurcodes. De code 745 is de afkorting van 774455.

3. 
   

   
   Gebruik de CSS-klassen. Als u dezelfde stijl op alle foto's of alle hoofdstuktitels wilt toepassen, hoeft u niet elke keer dezelfde code te herhalen. In plaats daarvan kunt u een klasse definiëren in de koptekst van het document, zodat u er later naar kunt verwijzen wanneer u dezelfde stijl wilt toepassen. Hier is een voorbeeld om het gebruik van het attribuut "style" te tonen.
   • In de sectie van uw HTML-pagina, kopieer de volgende code:
     
   • Gebruik in de hoofdtekst van hetzelfde document het kenmerk om deze stijl aan het item toe te voegen. Bijvoorbeeld:

     deze paragraaf

     verschijnt in donkergroen met een breed cursief lettertype.
   • Weet dat je je klas niet 'fancy' hoeft te noemen, je kunt hem de naam geven die je wilt.