Innehåll

• Steg
• Råd
• Varning

Den här artikeln visar hur du ändrar teckensnittsfärg på HTML-dokument. Även om teckensnittstaggar är föråldrade i HTML kan du använda CSS för att lägga till färg på texten på en HTML-sida. Om du använder en äldre version av HTML kan du använda HTML-typsnittstaggen efter behov.

Steg

Metod 1 av 2: Använd HTML-taggar

1. 

   Skapa typsnittstaggar. Uppsättning kort framför texten vill du ändra färg. Placera stängningskortet bakom texten.
   • Till exempel:
     Denna text blir blå.

2. 

   
   
   Lägg till färgattribut. Föra in färg = "" till fliken öppna teckensnitt. Färgen du vill ha kommer att vara i citattecken.
   • Till exempel:
     färg = ""Denna text blir blå.

3. 

   
   
   Välj ett färgnamn. Färgnamn är alltid ett ord utan mellanslag. Prova något enkelt som "blå" (blå), "röd" (röd) eller ett beskrivande namn som "ljusblå" eller "mörkblå" (mörkblå). För fler alternativ, leta upp den erkända nyckelordslistan, som innehåller "rödbrun" (mörkbrun), "stålblå" (grågrön) och "lime" (ljusgul).
   • Till exempel:
     Denna text blir blå.

4. 

   
   
   Använd hex-färgkoder. HTML låter dig välja bland miljontals färger, men inte alla färger har ett namn. Istället använder de en kod med sex tecken skriven i hexadecimal. På webben finns det många webbplatser som listar hex-färgkoder eller låter dig välja en färg på skärmen och visa hex-värdet. Den här koden börjar med ett # -tecken och har sex tecken, inklusive siffrorna 0-9 eller en bokstav A-F.
   • Kod # FF0000 representerar färgen röd.
   • Denna kod ger grön text.
   • Den här koden ger blå text.

5. 

   Experimentera med RGB-värden. Du behöver inte veta hur hex-färgkodning fungerar för att kunna använda en online-färgväljare. Men om du vill ha upplevelsen kan du börja med grunderna:
   • Varje kod med sex tecken är uppdelad i värdena rött, grönt (grönt) och blått ("RGB"). Koden # FF0000 betyder till exempel "röd: FF grön: 00 blå: 00."
   • För att ändra mängden rött, ändra de två första tecknen. Du kan använda valfritt värde från 00 (utan rött) till 99 (något rött) eller bokstäverna AA (rödaktigt) upp till FF (maximal mängd rött).
   • Använd samma system för att ändra värdet till grönt (de två mellersta siffrorna) eller blått (de två sista siffrorna).

6. 

   Få en djupare förståelse för hex-färgkoder. För att välja rätt färg måste du känna till följande två begrepp:
   • Var tredje färgvärde är två siffror. Om du vill göra mindre justeringar ändrar du bara den andra siffran. Till exempel är # 850000 och # 890000 ganska lika, och # A50000 kommer att vara lite ljusare.
   • Kombinerade RGB-värden är lika med färgsystemet plus. Rött och grönt kommer att ge gult; blå och grön form cyan; Rött och blått ger en vinröd färg.
   annons

Metod 2 av 2: Använd ett inbyggt CSS-element

1. 

   Infoga stilattributet i HTML-taggen. Egenskaper stil = "" låter dig använda CSS i HML-dokument. Här är ett enkelt sätt att ställa in teckensnittsfärgen även om du inte känner till CSS. Försök att ställa in stilattributet till en av HTML-taggarna:

   • P-taggen används för att identifiera en bit text.

   • A-taggen används för att skapa en länk.
   • Använd span-taggar för att färga en del av ett stycke utan att ändra formatering.

2. 

   Ange färger. Föra in Färg: med färgnamnet eller hexadecimalkoden inuti offerten. För mer information om namn och färgkoder, se metoden ovan eller prova följande exempel:
   • Denna kod utgör röd text.
   • Denna kod ger en mörk olivgrön färg.
   • CSS stöder tresiffrig förkortning. Färgkod 745 står för 774455.

3. 

   Använd CSS-klasser med typsnitt som du använder ofta. Om du vill utforma varje bildtext eller titel för ett innehåll på en stor webbsida behöver du inte skriva hela koden om och om igen. Definiera istället en CSS-klass i början av texten så att du kan ringa klassen med bara en stenografi varje gång du vill använda den stilen. Här är ett exempel som visar några nya användningar av stilattributet:
   • I avsnitt i HTML-dokumentet, klistra in följande kod:
     
   • Använd sedan attributet för att lägga till den här stilen som ett element i texten. Till exempel,

     denna punkt

     mörkgrönt, stort kursivt (handskrivet) teckensnitt.
   • Observera att du kan använda vilket ord som helst istället för "snygg" för att beskriva ett typsnitt.
   annons

Råd

• Du bör försöka göra din sida lätt att läsa. Ljusa textfärger är svåra att läsa på vitt och mörka textfärger är svåra att läsa på svarta.
• Äldre datorer har en gräns på 65 000 färger, medan äldre datorer har en gräns på 256 färger. Men över 99% av internetanvändarna kommer att kunna se färgen du anger.

Varning

• Teckensnittselementet stöds inte av XHTML 1.0 Strict DTD-standarden.