emkiset.ru

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.

stappen

Methode 1
Gebruik CSS

Titel afbeelding 157292 1
1
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.
  • Titel afbeelding 157292 2
    2
    Plaats de cursor in de tag . Binnen deze tag definieert u de stijlen voor het geval u een interne stylesheet gebruikt.
  • Titel afbeelding 157292 3
    3
    invoeren om een ​​interne stijlpagina te maken. Wanneer het label
  • Titel afbeelding 157292 4
    4
    Voer het item in waarvan u de kleur van de tekst wilt wijzigen. U gebruikt de sectie
  • Titel afbeelding 157292 5
    5
    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:


  • Titel afbeelding 157292 6
    6
    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.
  • Titel afbeelding 157292 7
    7
    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.
  • Titel afbeelding 157292 8
    8
    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

    Titel afbeelding 157292 9
    1
    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.
  • Titel afbeelding 157292 10
    2
    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.

  • Titel afbeelding 157292 11
    3
    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.

  • Titel afbeelding 157292 12
    4
    Voer het attribuut in Kleur: binnen "". Bijvoorbeeld:

    Dit is de kop die u wilt wijzigen.

  • Titel afbeelding 157292 13
    5
    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-:

    Deze koptekst is geel.

  • tips

    • U kunt een lijst met ondersteunde kleurnamen en hun hexadecimale waarden zien in http://w3schools.com/colors/colors_names.asp
    Delen op sociale netwerken:

    Verwant
    Vetgedrukte tekst in HTML makenVetgedrukte tekst in HTML maken
    Een afbeeldingslink maken in HTMLEen afbeeldingslink maken in HTML
    Een rekenmachine maken met HTMLEen rekenmachine maken met HTML
    Hoe maak je een splash-pagina voor een websiteHoe maak je een splash-pagina voor een website
    Hoe te detecteren of jаvascript niet is ingeschakeldHoe te detecteren of jаvascript niet is ingeschakeld
    Hoe een achtergrondafbeelding in HTML te herstellenHoe een achtergrondafbeelding in HTML te herstellen
    Hoe de tekst in HTML kan flikkerenHoe de tekst in HTML kan flikkeren
    Hoe een HTML-linkknop makenHoe een HTML-linkknop maken
    Een mobiel selectiekader maken in HTMLEen mobiel selectiekader maken in HTML
    Afbeeldingen invoegen met HTMLAfbeeldingen invoegen met HTML
    » » Hoe de kleur van de tekst in HTML te veranderen
    © 2021 emkiset.ru