3 manieren om tekstkleurlabels in HTML te gebruiken

Inhoudsopgave:

3 manieren om tekstkleurlabels in HTML te gebruiken
3 manieren om tekstkleurlabels in HTML te gebruiken

Video: 3 manieren om tekstkleurlabels in HTML te gebruiken

Video: 3 manieren om tekstkleurlabels in HTML te gebruiken
Video: How to Clean Up any Photo with Content-Aware Fill 2024, April
Anonim

Deze wikiHow leert je hoe je de letterkleur in je HTML-document kunt wijzigen. Hoewel de HTML-lettertypetag in HTML5 verouderd is, kunt u CSS gebruiken om kleur toe te voegen aan de tekst van uw HTML-pagina. Als u met een oudere versie van HTML werkt, kunt u indien nodig de HTML-lettertypekleurtag gebruiken.

Stappen

Methode 1 van 2: CSS gebruiken

122247 1 1
122247 1 1

Stap 1. Kies een kleur voor je tekst

Hoewel u basiskleuren (bijvoorbeeld "rood") kunt gebruiken om uw tekst te kleuren, moet u een HTML-kleurgenerator gebruiken voor meer genuanceerde tinten:

  • Ga naar https://www.w3schools.com/colors/colors_picker.asp in de webbrowser van uw computer.
  • Selecteer de basiskleur die je wilt gebruiken in de zeshoek bovenaan de pagina.
  • Scroll naar de schaduw die u wilt gebruiken aan de rechterkant van de pagina.
  • Let op de code van zes tekens rechts van de kap.
122247 2 1
122247 2 1

Stap 2. Open uw HTML-document

Dit zou het document moeten zijn waarvan u de letterkleur wilt wijzigen.

Als je nog geen HTML-document hebt, maak er dan een aan voordat je verder gaat

122247 3 1
122247 3 1

Stap 3. Zoek de tekst die u wilt kleuren

Blader door uw document totdat u de alinea, koptekst of andere vorm van tekst vindt die u een kleur wilt geven.

122247 4 1
122247 4 1

Stap 4. Let op de tags van de tekst

Als de tekst bijvoorbeeld een koptekst is, ziet u"

" voor.

122247 5 1
122247 5 1

Stap 5. Voeg de secties "head" en "style" toe aan de bovenkant van het document

U doet dit door onder de tag "" te typen, op ↵ Enter te drukken, onder de tag "" te typen, tweemaal op ↵ Enter te drukken en de afsluitende tags voor beide in te voeren. Je eindresultaat zou er als volgt uit moeten zien:

     
122247 6 1
122247 6 1

Stap 6. Voer de stijltag 'kleur' in

Klik op de spatie tussen de ""-tags en voer vervolgens de volgende code in (zorg ervoor dat u rood vervangt door uw kleurcode en"

" met de tag voor de tekst die je wilt kleuren):


{ kleur rood; }

122247 7 1
122247 7 1

Stap 7. Controleer uw document

Uw paginakoptekst zou er ongeveer zo uit moeten zien:

     
122247 8 1
122247 8 1

Stap 8. Verenig de kleur van de hoofdtekst

Als u alle hoofdtekst van uw document dezelfde kleur wilt geven, voert u de volgende code in en vervangt u zwart door uw voorkeurskleur:

lichaam {kleur: zwart; }

Methode 2 van 2: HTML-tags gebruiken

122247 9 1
122247 9 1

Stap 1. Kies een kleur voor je tekst

Hoewel u basiskleuren (bijvoorbeeld "rood") kunt gebruiken om uw tekst te kleuren, moet u een HTML-kleurgenerator gebruiken voor meer genuanceerde tinten:

  • Ga naar https://www.w3schools.com/colors/colors_picker.asp in de webbrowser van uw computer.
  • Selecteer de basiskleur die je wilt gebruiken in de zeshoek bovenaan de pagina.
  • Scroll naar de schaduw die u wilt gebruiken aan de rechterkant van de pagina.
  • Let op de code van zes tekens rechts van de kap.
122247 10 1
122247 10 1

Stap 2. Open uw HTML-document

Dit zou het document moeten zijn waarvan u de letterkleur wilt wijzigen.

Als je nog geen HTML-document hebt, maak er dan een aan voordat je verder gaat

122247 11 1
122247 11 1

Stap 3. Zoek de tekst die u wilt kleuren

Blader door uw document totdat u de alinea, koptekst of andere vorm van tekst vindt die u een kleur wilt geven.

122247 12 1
122247 12 1

Stap 4. Voeg de open "font"-tag toe

Klik direct links van de tekst die u een kleur wilt geven en typ het volgende in (zorg ervoor dat u rood vervangt door uw voorkeurskleur):

122247 13 1
122247 13 1

Stap 5. Sluit de tag "font"

Klik op de spatie rechts van het einde van de tekst die je inkleurt en typ daar.

Deze tekst is rood!

Voorbeeld HTML-code

Image
Image

HTML-lettertype kleurcode

Video - Door deze service te gebruiken, kan bepaalde informatie worden gedeeld met YouTube

Tips

  • Probeer uw pagina gemakkelijk leesbaar te maken. Heldere kleuren zijn moeilijk te lezen op een witte achtergrond en donkere kleuren zijn moeilijk te lezen op een zwarte achtergrond.
  • HTML-kleurcodes zijn als volgt onderverdeeld: de eerste twee tekens verwijzen naar rode tinten, de tweede twee verwijzen naar groen en de laatste twee verwijzen naar blauw. U kunt alles van "00" tot "99" gebruiken om aan te geven hoeveel van elke kleur u wilt; het gebruik van "FF" in plaats van een nummer roept de maximale hoeveelheid van die kleur op (bijvoorbeeld "0000FF" zou zo blauw mogelijk zijn).
  • Oude computerschermen zijn beperkt tot ongeveer 65.000 kleuren en zeer oude schermen zijn beperkt tot 256. Meer dan 99% van de internetgebruikers kan echter elke kleur zien die u opgeeft.

Aanbevolen: