Hoe de kleur van de tekst in HTML te veranderen

Hoewel het mogelijk is om de kleur van de tekst te veranderen met behulp van het label in HTML is deze methode niet langer geldig in HTML5. In plaats daarvan wordt de basis-CSS gebruikt om de kleur te definiëren waarmee de tekst in verschillende elementen van uw pagina wordt weergegeven. Door CSS te gebruiken, zorgt u ervoor dat uw website compatibel is met elke mogelijke browser.

Inhoud

Stappen

Methode 1gebruik css

Deze koptekst is groen.

Deze koptekst is rood.

Methode 2gebruik interne stijlattributen

Dit is de kop die u wilt wijzigen.

Deze koptekst is geel.

Tips

stappen

Methode 1
Gebruik CSS

Open het HTML-bestand. De beste manier om de kleur van de tekst te wijzigen, is met behulp van CSS. Het oude kenmerk van HTML werkt niet langer met HTML5. De voorkeursmethode is om CSS te gebruiken om de stijl van de elementen te definiëren.

Deze methode werkt ook met externe stylesheets (onafhankelijke CSS-bestanden). De onderstaande voorbeelden zijn voor een HTML-bestand met behulp van een interne stijlpagina.

Plaats de cursor in de tag . Binnen deze tag definieert u de stijlen voor het geval u een interne stylesheet gebruikt.

invoeren om een interne stijlpagina te maken. Wanneer het label

Voer het item in waarvan u de kleur van de tekst wilt wijzigen. U gebruikt de sectie

Voer het attribuut in Kleur: in de elementselector. Het kenmerk Kleur: vertelt de pagina welke kleur moet worden gebruikt voor dat element. In dit voorbeeld wordt de kleur van het volledige tekstgedeelte gewijzigd. Dit is het standaardelement voor alle tekst op de pagina:

Voer een kleur in voor de tekst. Het is mogelijk om een kleur op drie verschillende manieren in te voeren: op naam, hexwaarde of RGB-waarde. Bijvoorbeeld voor de blauwe kleur die u moet invoeren blauw, rgb (0, 0, 255) of # 0000FF.

Voeg andere selectors toe om de kleur van verschillende elementen te wijzigen. Het is mogelijk om de verschillende selectors te gebruiken om de kleur van de tekst in verschillende delen van de pagina te wijzigen:

Deze koptekst is groen.

Deze paragraaf is blauw.

Dit tekstgedeelte is rood.

Definieer een CSS-klasse in plaats van een element te wijzigen. Het is mogelijk om een klasse te definiëren en deze vervolgens op elk gewenst element op de hele pagina toe te passen om de stijlklasse onmiddellijk toe te voegen. Bijvoorbeeld, in het volgende bestand de klas ".redtext" zal een item waarop het van toepassing is, rode tekst laten gebruiken:

Deze koptekst is rood.

Deze alinea is normaal.

Deze paragraaf is rood.

Methode 2
Gebruik interne stijlattributen

Open het HTML-bestand. Het is mogelijk om de interne stijlkenmerken te gebruiken om de stijl van een enkel element van de pagina te wijzigen. Dit kan handig zijn voor een snelle verandering of twee van de stijl, maar het wordt niet aanbevolen voor grotere toepassingen. Gebruik de vorige methode voor bredere stijlwijzigingen.

Zoek in het bestand naar het item dat u wilt wijzigen. Het is mogelijk om de interne stijlkenmerken te gebruiken om de tekstkleur van een van de elementen te wijzigen. Als u bijvoorbeeld de tekstkleur van een specifieke koptekst wilt wijzigen, zoekt u deze in het bestand op:

Dit is de kop die u wilt wijzigen.

Voeg het stijlkenmerk toe aan het element. invoeren stijl ="" in de openingstag van het item dat u wilt wijzigen:

Dit is de kop die u wilt wijzigen.

Voer het attribuut in Kleur: binnen "". Bijvoorbeeld:

Dit is de kop die u wilt wijzigen.

Voer de kleur in waarvan je de tekst wilt wijzigen. Het is mogelijk om de kleur van de tekst op drie manieren uit te drukken. Voer de naam van de kleur, de RGB-waarde of de hexadecimale waarde in. Om bijvoorbeeld de kleur in geel te veranderen, voert u in geel-, rgb (255,255.0) - of # FFFF00-: