De kleur van een lettertype wijzigen in HTML

Deze How.com.vn leert je hoe je de kleur van een lettertype kunt wijzigen in je HTML-document. Hoewel de 'font'-tag in HTML5 verouderd is, kun je CSS gebruiken voor het toevoegen van kleur aan de tekst van een HTML-pagina. Werk je met een oudere versie van HTML, dan kun je de 'font'-tag in HTML waar nodig gebruiken.

Methode 1

Methode 1 van 2:

CSS gebruiken

Pdf downloaden

1
Kies een kleur voor je tekst. Hoewel je standaardkleuren (bijv., "rood") kunt gebruiken voor je tekst, moet je een HTML kleurengenerator gebruiken voor de meer genuanceerde tinten:
- Ga naar https://www.w3schools.com/colors/colors_picker.asp in de webbrowser van je computer.
- Selecteer de standaardkleur die je wilt gebruiken uit de hexagonaal bovenaan de pagina.
- Scroll naar de tint die je wilt gebruiken aan de rechterkant van de pagina.
- Noteer de code van zes cijfers en letters rechts van de gekozen kleur.
2
Open je HTML-document. Dit hoort het document te zijn waarvoor je de lettertypekleur wilt wijzigen.
- Heb je nog geen HTML-document, maak er dan eerst een voor je verdergaat.
Scroll door je document tot je de alinea, kop, of een ander deel van de tekst die je een kleur wilt geven hebt gevonden.
Bijvoorbeeld: als het gaat om een koptekst, dan zie je er "<h1>" voor staan.
5
Voeg de tags "head" en "style" toe bovenin het document. Typ <head> onder de tag "<html>" \, druk op ↵ Enter, typ <style> onder de tag "<head>", druk tweemaal op ↵ Enter en typ de eindtags voor beide. Het eindresultaat hoort er ongeveer als volgt uit te zien:
```
<!DOCTYPE html><html><head><style></style></head><body>
```
6
Typ de "color" stijltag. Klik in de ruimte tussen de tags "<style></style>", en voer de volgende code in (zorg wel dat je red vervangt door je gewenste kleurcode en "<h1>" door de tag voor de tekst die je een andere kleur wilt geven):
```
<h1> {       color: red;}
```

How.com.vn Nederlands: Step 7 Bekijk je document.

Je paginaheader moet er ongeveer als volgt uitzien:

<!DOCTYPE html><html><head><style><h1> {       color: red;}</style></head><body>

8
Zorg voor een en dezelfde kleur voor de 'body'-tekst. Als je alle tekst in de body van je document dezelfde kleur wilt geven, voer dan de volgende code in, waarbij je black vervangt door de html-kleur van je voorkeur:
```
body {       color: black;}
```
Advertentie

Methode 2

Methode 2 van 2:

HTML-tags gebruiken

Pdf downloaden

1
Kies een kleur voor je tekst. Hoewel je standaardkleuren (bijv., "rood") kunt gebruiken voor je tekst, moet je een HTML kleurengenerator gebruiken voor de meer genuanceerde tinten:
- Ga naar https://www.w3schools.com/colors/colors_picker.asp in de webbrowser van je computer.
- Selecteer de standaardkleur die je wilt gebruiken uit de hexagonaal bovenaan de pagina.
- Scroll naar de tint die je wilt gebruiken aan de rechterkant van de pagina.
- Noteer de code van zes cijfers en letters rechts van de gekozen kleur.
2
Open je HTML-document. Dit hoort het document te zijn waarvoor je de lettertypekleur wilt wijzigen.
- Heb je nog geen HTML-document, maak er dan eerst een voor je verdergaat.
Scroll door je document tot je de alinea, kop, of een ander deel van de tekst die je een kleur wilt geven, hebt gevonden.
4
Voeg de begintag "font" toe. Klik meteen rechts van de tekst die je een andere kleur wilt geven, en typ het volgende (waarbij je red vervangt door je gekozen html-kleur):^[1]XBron
```
<font color="red">
```
5
Sluit de "font" tag. Klik direct rechts van het einde van de tekst die je een andere kleur wilt geven, en typ </font>.
```
<font color="red">Deze tekst is rood!</font>
```
Advertentie

Tips

Een hexadecimale HTML-kleurcode bestaat uit de volgende onderdelen: De eerste twee karakters verwijzen naar de rode tinten, de tweede naar groen en de derde naar blauw. Je kunt alles gebruiken, van '00' tot '99'. om aan te geven hoeveel van elke kleur je nodig hebt -– 'FF' is de maximale waarde van die kleur (bijvoorbeeld: "0000FF" is puur blauw).
Probeer je pagina duidelijk leesbaar te maken. Lichte kleuren op een lichte achtergrond zijn moeilijk leesbaar, evenals donkere kleuren op een donkere achtergrond.
Oude beeldschermen zijn beperkt tot ongeveer 65.000 kleuren, en zeer oude beeldschermen zijn beperkt tot 256 kleuren. Meer dan 99% van de internetgebruikers zullen echter elke kleur die je kiest kunnen bekijken.^[2]XBron

Advertentie