Ändra färgen på ett teckensnitt i html

Denna handledning kommer att lära dig hur du ändrar färgen på ett teckensnitt i ditt HTML-dokument. Även om "font"-taggen i HTML5 är utfasad kan du använda CSS för att lägga till färg till texten på en HTML-sida. Om du arbetar med en äldre version av HTML kan du använda "font"-taggen i HTML där det behövs.

Steg

Metod 1 av 2: Använda CSS

Bild med titeln 122247 1 1
1. Välj en färg för din text. Även om dina standardfärger (t.ex., "röd") för din text bör du använda en HTML-färggenerator för de mer nyanserade nyanserna:
  • Gå tillhttps://www.w3skolor.com/colors/colors_picker.asp i din dators webbläsare.
  • Välj den standardfärg du vill använda från hexagonen överst på sidan.
  • Bläddra till den nyans du vill använda till höger på sidan.
  • Skriv ner koden med sex siffror och bokstäver till höger om den valda färgen.
Bild med titeln 122247 2 1
2. Öppna ditt HTML-dokument. Detta bör vara dokumentet du vill ändra teckensnittsfärgen för.
Har inget HTML-dokument än, gör en först innan du fortsätter.
Bild med titeln 122247 3 1
3. Hitta texten du vill färglägga. Bläddra igenom dokumentet tills du hittar stycket, rubriken eller annan del av texten som du vill färglägga.
Bild med titeln 122247 4 1
4. Lägg märke till textens tagg. Om det till exempel är en rubrik ser du "
Bild med titeln 122247 5 1
5. Lägg till taggarna "huvud" och "stil" lägg till överst i dokumentet. typ under taggen "↵ Ange, skriv under taggen "↵ Ange och skriv in sluttaggarna för båda. Slutresultatet bör se ut ungefär så här:
Bild med titeln 122247 6 1
6. Skriv "Färg" stiltagg. Klicka i utrymmet mellan taggarna "röd ersätter med önskad färgkod och "
Bild med titeln 122247 7 1
7. Visa ditt dokument. Din sidhuvud bör se ut ungefär så här:
Bild med titeln 122247 8 1
8. Ha samma färg för "brödtexten". Om du vill göra all text i brödtexten i ditt dokument i samma färg, skriv in följande kod, där du svart ersätter med din föredragna HTML-färg:
kropp { färg: svart; }

Metod 2 av 2: Använd HTML-taggar

Bild med titeln 122247 9 1
1. Välj en färg för din text. Även om dina standardfärger (t.ex., "röd") för din text bör du använda en HTML-färggenerator för de mer nyanserade nyanserna:
  • Gå tillhttps://www.w3skolor.com/colors/colors_picker.asp i din dators webbläsare.
  • Välj den standardfärg du vill använda från hexagonen överst på sidan.
  • Bläddra till den nyans du vill använda till höger på sidan.
  • Skriv ner koden med sex siffror och bokstäver till höger om den valda färgen.
Bild med titeln 122247 10 1
2. Öppna ditt HTML-dokument. Detta bör vara dokumentet du vill ändra teckensnittsfärgen för.
Har inget HTML-dokument än, gör en först innan du fortsätter.
Bild med titeln 122247 11 1
3. Hitta texten du vill färglägga. Bläddra igenom dokumentet tills du hittar stycket, rubriken eller annan del av texten som du vill färglägga.
Bild med titeln 122247 12 1
4. Lägg till starttaggen "font" snälla du. Klicka direkt till höger om texten du vill färga om och skriv följande (där du röd ersätter med din valda HTML-färg):
Bild med titeln 122247 13 1
5. Stäng "font" märka. Klicka direkt till höger om slutet av texten du vill färga om och skriv .

Tips

  • En hexadecimal HTML-färgkod består av följande delar: De två första tecknen hänvisar till nyanserna av rött, det andra till grönt och det tredje till blått. Du kan använda allt från "00" till "99". för att ange hur mycket av varje färg du behöver -- "FF" är det maximala värdet för den färgen (till exempel: "0000FF" är rent blå).
  • Försök att göra din sida tydligt läsbar. Ljusa färger på en ljus bakgrund är svåra att läsa, liksom mörka färger på en mörk bakgrund.
  • Gamla skärmar är begränsade till cirka 65.000 färger och mycket gamla skärmar är begränsade till 256 färger. Däremot kommer över 99 % av internetanvändarna att kunna se vilken färg du väljer.

Varningar

  • "font"-elementet stöds inte i XHTML 1.0 Strikt DTD.

Оцените, пожалуйста статью