Hoe tekstkleur in HTML (met afbeeldingen) te veranderen

Hoewel u tekstkleur kunt wijzigen met behulp van de tag in HTML, wordt deze methode niet langer ondersteund in HTML5. In plaats daarvan gebruikt u Basic CSS om te definiëren welke kleur de tekst in verschillende elementen op uw pagina verschijnt. Het gebruik van CSS zal ervoor zorgen dat uw webpagina compatibel is met elke mogelijke browser.

Stappen

Methode 1 van 2:

Het gebruik van CSS

1. Open uw HTML-bestand. De beste manier om de kleur van uw tekst te wijzigen is door CSS te gebruiken. Het oude HTML-attribuut wordt niet langer ondersteund in HTML5. De voorkeursmethode is om CSS te gebruiken om de stijl van uw elementen te definiëren.

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

2. Plaats uw cursor in de tag. U zult uw stijlen in deze tag definiëren als u een interne stylesheet gebruikt.

3. Typ om een interne stylesheet te maken. Wanneer de tag in de tag is, wordt de CSS in de tag toegepast op eventuele toepasselijke elementen op die pagina. Wanneer u klaar bent, moet het begin van uw HTML-bestand er zoiets uitzien:

4. Typ het element dat u wilt wijzigen van de tekstkleur voor. U gebruikt het gedeelte om het uiterlijk van de verschillende elementen op uw pagina te definiëren. Dus bijvoorbeeld om de stijl van alle teksttekst op uw pagina te wijzigen, typt u het volgende:

5. Typ de kleur: attribuut in de element selector. De kleur: Attribuut zal de pagina vertellen welke tekstkleur voor dat element wordt gebruikt. In dit voorbeeld zal het de tekstkleur van alle lichaamstekst veranderen, het standaardelement voor alle tekst op uw pagina:

6. Typ een kleur voor de tekst. Er zijn drie manieren waarop u een kleur kunt invoeren: de naam, de HEX-waarde of de RGB-waarde. Bijvoorbeeld voor de kleurblauw die u kunt typen blauw, RGB (0, 0, 255), of # 0000FF.

7. Voeg andere selectors toe om de kleur van verschillende elementen te wijzigen. U kunt de verschillende selectors gebruiken om de kleur van uw tekst voor verschillende delen van de pagina te wijzigen:

8. Definieer een CSS-klasse in plaats van een element te veranderen. U kunt een klasse definiëren en deze vervolgens toepassen op elk element dat u op de pagina wilt zien om onmiddellijk de klassenstijl toe te voegen. Bijvoorbeeld in het volgende bestand de ".redtext" Klasse maakt elk element dat het wordt toegepast om rode tekst te gebruiken:

Methode 2 van 2:

Inline Style-attributen gebruiken

1. Open uw HTML-bestand. U kunt inline stijlkenmerken gebruiken om de stijl van een enkel element op uw pagina te wijzigen. Dit kan handig zijn voor een of twee snelle wijzigingen in de stijl, maar wordt niet aanbevolen voor wijdverspreid gebruik. Gebruik voor uitgebreide stijlwijzigingen de vorige methode.

2. Zoek het element in het bestand dat u wilt wijzigen. U kunt inline-stijlkenmerken gebruiken om de tekstkleur van een van uw elementen te wijzigen. Als u bijvoorbeeld de tekstkleur van een specifieke koptekst wilt wijzigen, vindt u deze in uw bestand:

3. Voeg het stijlattribuut toe aan het element. Type stijl ="" In de openingstag voor het element dat u wilt wijzigen:

4. Typ de kleur: attribuut in de "". Bijvoorbeeld:

5. Typ de kleur die u de tekst wilt wijzigen. Er zijn drie manieren waarop u een kleur kunt uiten. U kunt de naam van de kleur typen, u kunt de RGB-waarde invoeren of u kunt de HEX-waarde invoeren. Bijvoorbeeld om de kleur op het gele te veranderen, kunt u typen geel-, RGB (255,255,0)-, of # Ffff00-: