Wkudk

Hvordan ændres tekstens farve i HTML

HyperText Markup Language, eller HTML, i sin mest basale form, er grundlaget for alle de websider, vi nyde på på internettet. Uanset hvad du ser på skærmen har en version af HTML bag det. Det omfatter font farver. Her er nogle enkle at guide dig gennem brug af grundlæggende HTML-tags til at ændre farven på tekst ved hjælp af <font> tag.

Steps

Hvordan ændres tekstens farve i HTML. Vælg en farve til brug for din skrifttype.
Hvordan ændres tekstens farve i HTML. Vælg en farve til brug for din skrifttype.

Ændre tekstfarve

  1. 1
    Vælg en farve til brug for din skrifttype. HTML skrifttyper er generelt beskrevet ved hjælp af hexadecimal koder, der oversætter til RGB-farver. Der er 6 tegn for en given farve.
    • For eksempel. Ren rød = ff0000, ren grøn = 00ff00 og ren blå = 0000FF I hex, 00 = nul, og ff = 255, den maksimale værdi for RGB definitioner. Jo højere tallet er, jo lysere farve. For eksempel ffffff = ren hvid, mens 000000 = ren sort.
    • Alle farver er lavet op af forskellige kombinationer af ovenstående.
  2. 2
    Tilføj en farve tag til din HTML. Syntaksen for at tilføje hexadecimal farveværdi til din skrifttype er ligetil. Vi bruger udtrykket "Lorem ipsum dolores sidde amet" som et eksempel. Vi vil gøre ordet "dolores" en turkis farve. Vi bruger <font> tag for at gøre dette, som følger:
    • Lorem ipsum <font> dolores </ font> sidde amet.
    • Bemærk, at ikke har nogen virkning, endnu. Når vi tilføjer den farve variabel til det, det bliver mere interessant:
    • Lorem ipsum <font color = "40E0D0"> dolores </ font> sidde amet.
    • Bemærk, at når du gør dette for alvor, vil du ikke se skrifttypen tag i din tekst. I stedet vil din tekst blot se sådan ud:
    • Lorem ipsum dolores sidde amet.
  3. 3
    Undersøg de dele af koden. Hver del af font tag har et bestemt formål, så det er vigtigt at vide, hvor hver enkelt del går, og hvad det gør.
    • Den <font> tag selv viser, at den tekst, der følger vil adlyde, hvad reglerne er sat op i <font> erklæring. Når vi tilføjer "farve" til det, der betyder, at alt efter <font color = "40E0D0"> tag vil bære uanset farve vi definerer. I dette tilfælde, en turkis farve, som indikeret ved HTML værdi, "40E0D0", citerer inkluderet.
    • For at skifte tilbage til standard tekstfarve, skal du blot lukke HTML font tag med en skråstreg: </ font>. I vores eksempel er ordet "dolores" det eneste ord, der er turkis.
  4. 4
    Brug navne i stedet for hex koder. Der er 256 farver i den grundlæggende HTML-spektret, og mens du kan bruge en ressource som Photoshop eller et websted som at vælge dit ønskede farve, kan du også bruge en tekst navn for 147 af disse. Det grundlæggende er alle der: rød, grøn, blå, gul, sort og hvid, plus meget mere.
    • For eksempel, i stedet for at bruge "40E0D0" kan du blot sige "Lorem ipsum <font color = "turquoise"> dolores </ font> sidde amet.
    • For en komplet liste over foruddefinerede HTML farvenavne, besøg W3Schools. com

Tips

  • Må ikke gå amok med farve tags. Tidlige hjemmesider, overused fontegenskaber kiggede forfærdelige selv ved begyndelsen af ​​internettet. De forbliver over grim, selv i dag!
  • Hvis du kan bruge CSS (Cascading Style Sheets), brug det i stedet. Den <font> tag stammer fra HTML 3.2 og er en forældet praksis. Et eksempel på en CSS farveændring til rød er for eksempel: fremhævet {color: red;}. På CSS-fil og <span class="highlighted"> din tekst her </ span> i HTML-filen, eller hvis du skal, <span style="color: red;"> din tekst her </ span>, som typisk er meget lettere at bruge end den <font> tag teknik ovenfor, især for andre funktioner såsom skrifttype eller størrelse forandring.