Wku

Hur man ändrar textfärgen i HTML

HyperText Markup Language, eller HTML, i sin mest grundläggande form, är grunden för alla de webbsidor vi njuta av på på Internet. Vad du ser på skärmen har en version av HTML bakom det. Det inkluderar teckensnitt färger. Här är några enkla att guida dig genom att använda grundläggande HTML-koder för att ändra färg på texten med <font> taggen.

Steg

Hur man ändrar textfärgen i HTML. Välj en färg att använda för ditt typsnitt.
Hur man ändrar textfärgen i HTML. Välj en färg att använda för ditt typsnitt.

Ändra textfärg

  1. 1
    Välj en färg att använda för ditt typsnitt. HTML-typsnitt beskrivs allmänt använda hexadecimala koder som översätter till RGB-färger. Det finns 6 tecken för varje given färg.
    • Till exempel, ren röd = ff0000, ren grön = 00ff00, och ren blå = 0000FF. I hex, 00 = noll, och ff = 255, det högsta värdet för RGB-färg definitioner. Ju högre siffra, desto ljusare blir färgen. Exempelvis FFFFFF = vitt, medan 000000 = rent svart.
    • Alla färger är gjorda op av olika kombinationer av ovanstående.
  2. 2
    Lägg en färg tagg i HTML. För att lägga till den hexadecimalt färgvärde till din font är okomplicerad. Vi kommer att använda frasen "Lorem ipsum dolores sit amet" som ett exempel. Vi ska göra ordet "dolores" en turkos färg. Vi kommer att använda <font> taggen för att göra detta, enligt följande:
    • Lorem ipsum <font> dolores </ font> sit amet.
    • Observera att har ingen effekt-ännu. När vi lägger färgen variabeln till det, blir det mer intressant:
    • Lorem ipsum <font color = "40E0D0"> dolores </ font> sit amet.
    • Observera att när du gör detta på riktigt, kommer du inte se typsnittet taggen i din text. Istället kommer din text ser helt enkelt ut så här:
    • Lorem ipsum dolores sit amet.
  3. 3
    Undersök de delar av taggen. Varje del av teckensnitt tagg har ett specifikt syfte, så det är viktigt att veta var varje del går, och vad den gör.
    • Den <font> taggen själv anger att texten som följer kommer att lyda allt vad regler sätts upp i <font> uttalande. När vi lägger till "färg" på det, det betyder att allt efter <font color = "40E0D0"> tagg kommer att bära vad färg vi definierar. I detta fall, en turkos färg, såsom indikeras av den HTML-värde ", 40E0D0", ingår citat.
    • Om du vill växla tillbaka till standard textfärg, du helt enkelt stänger HTML font-taggen med ett snedstreck: </ font>. I vårt exempel, är ordet "dolores" det enda ord som är turkos.
  4. 4
    Använda namn istället för hexkoden. Det finns 256 färger i grundläggande HTML spektrumet, och medan du kan använda en resurs som Photoshop, eller en webbplats som att plocka önskad färg, kan du också använda en text namn för 147 av dem. Grunderna är alla där: rött, grönt, blått, gult, svart och vitt, plus mycket mer.
    • Till exempel, istället för att använda "40E0D0", kan du helt enkelt säga "Lorem ipsum <font color = "turquoise"> dolores </ font> sit amet.
    • För en komplett lista över fördefinierade HTML färgnamn, besök W3Schools. com

Tips

  • Gå inte galen med färg taggar. Tidiga webbplatser som överutnyttjas teckenegenskaper såg fruktansvärda även i början av Internet. De förblir bortom fula, även i dag!
  • Om du kan använda CSS (Cascading Style Sheets), använd det istället. Den <font> taggen är från HTML 3.2 och är en föråldrad praxis. Ett exempel på en CSS färgändring till röd är till exempel: belyst {color: red;}. I CSS-fil och <span class="highlighted"> din text här </ span> i HTML-filen, eller om du must, <span style="color: red;"> din text här </ span>, som normalt är mycket lättare att använda än <font> taggen tekniken ovan, särskilt för andra funktioner såsom teckensnitt eller storlek förändras.