Hoe de kleur van de tekst in html te veranderen

In HTML varieert de kleur van de tekst met behulp van de tag , Maar deze methode wordt niet langer ondersteund in HTML5. In plaats van de opgegeven tag moet u CSS gebruiken om de kleur van de tekst van verschillende pagina-elementen in te stellen. Het gebruik van CSS zorgt ervoor dat de webpagina compatibel is met elke browser.

Stappen

Methode 1 van 2:
CSS gebruiken
een. Open HTML-bestand. De beste manier om de kleur van de tekst te wijzigen is om CSS te gebruiken. Oude tag Niet langer ondersteund in HTML5. Dus gebruik CSS om de stijl van pagina-elementen te bepalen.
  • Deze methode is ook van toepassing op externe stijltabellen (individuele CSS-bestanden). De volgende voorbeelden zijn bedoeld voor HTML-bestand met interne stijltabel.
  • 2. Start de cursor in de tag . Stijlen zijn gedefinieerd in deze tag, als het interne stijlblad wordt gebruikt.
  • 3. Binnenkomen , Om een ​​interne stijlblad te maken. Wanneer tag
  • 4. Voer het element in waarvan de kleur moet worden gewijzigd. Gebruik de sectie 
     {}
  • vijf. Voer in de elementelectie het kenmerk in Kleur:. Dit kenmerk definieert de kleur van de tekst van het geselecteerde item. In ons voorbeeld zal dit kenmerk de kleur van de hoofdtekst veranderen, wat een item is dat de volledige tekst op de pagina bevat:
     {Kleur:}
  • 6. Voer de kleur van de tekst in. Dit kan op drie manieren worden gedaan: voer een naam in, voer de hexadecimale waarde in of voer de RGB-waarde in. Om tekst blauw te maken, voert u in Blauw, RGB (0, 0, 255) of # 0000FF.
     {Kleur rood-}
  • 7. Voeg andere selectors toe om de kleur van verschillende elementen te wijzigen. U kunt verschillende selectoren gebruiken om de kleur van de tekst van verschillende paginaitems te wijzigen:
     {Kleur: RED-} H1 {Kleur: # 00FF00-} P {Kleur: RGB (0,0.255)}Deze titel zal groen zijn.Deze paragraaf zal blauw zijn.Deze basistekst zal rood zijn.
  • acht. Specificeer de Stylist Class CSS in plaats van het item te wijzigen. U kunt de stijlklasse opgeven en deze vervolgens toepassen op een pagina-item om de stijl van het element te wijzigen. Bijvoorbeeld klasse .Redtext schildert de tekst van het element waarop deze klasse wordt toegepast, in het rood:
     {Kleur rood-} klasse ="Redtext"> Deze titel zal de alinea van REETEXTOT zijn, is standaard. klasse ="Redtext"> Deze paragraaf zal rood zijn
    • Methode 2 van 2:
    Gebruik van embedded attributen
    een. Open HTML-bestand. U kunt de aktentributen in embedded stijl gebruiken om de stijl van één pagina-element te wijzigen. Het kan handig zijn als u een of twee veranderingen in de stijl moet maken, maar niet aanbevolen voor grootschalig gebruik. Gebruik de vorige methode om de stijl volledig te wijzigen.
  • 2. Zoek het item om te veranderen.Met behulp van de atttributen met ingebouwde stijl kunt u de kleur van de tekst van een pagina-item wijzigen. Als u bijvoorbeeld de kleur van de tekst van een specifieke koptekst wilt wijzigen, vindt u deze in het bestand:
    Deze titel moet worden gewijzigd
  • 3. Voeg het stijlattribuut toe aan het item. Binnen het openende tag van het variabele element, enter Style ="":
     Style =""> Deze titel moet worden gewijzigd
  • 4. Binnenkant "" Binnenkomen Kleur:. Bijvoorbeeld:
     Style ="Kleur:"> Deze titel moet worden gewijzigd
  • vijf. Voer de kleur van de tekst in. Dit kan op drie manieren worden gedaan: voer een naam in, voer de hexadecimale waarde in of voer de RGB-waarde in. Bijvoorbeeld om de tekst geel te maken, enter Geel-, RGB (255,255,0)- of # Ffff00-:
     Style ="Kleur: # ffff00-"> Deze titel werd geel

    • Tips

    • Lijst met ondersteunde kleuren en hun hexadecimale waarden zijn te vinden op de website http: // W3schools.Com / kleuren / kleuren_namen.ADDER
    Deel in het sociale netwerk:
    Vergelijkbaar