Så här byter du textfärg till HTML

Den här metoden använder HTML-taggen för att ändra textens färg, en lösning som inte längre stöds av den nya HTML5-standarden. Tvärtom stöds användandet av ett CSS-stilark för att definiera vilken färg som ska införas i de olika elementen som utgör din webbsida, både i HTML och HTML5. Med CSS kommer du vara säker på att webbsidorna du skapar kommer att vara kompatibla med alla webbläsare på marknaden.

Metod 1

Använd CSS

Öppna HTML-filen som är relaterad till den aktuella sidan eller webbplatsen. Det bästa sättet att redigera och hantera färgen på texten på en webbsida är att använda CSS-stilark. attributet HTML-taggar stöds inte längre i den nya HTML5-versionen, så den bästa metoden är att definiera stilen och utseendet på elementen i webbsidor med ett CSS-stilark.

Den här metoden fungerar även med externa stilark (dvs. koden som definierar stilen och utseendet på de olika elementen placeras i en CSS-fil som är separat från de som innehåller HTML som beskriver webbsidorna). Exemplen som presenteras i den här artikeln hänvisar till en HTML-fil som använder intern CSS (stilarkskod infogas direkt i HTML-koden).

Placera textmarkören i kodavsnittet mellan taggarna . Om du vill använda en intern CSS måste du definiera den relativa koden i det här avsnittet i HTML-koden.

För att skapa en intern CSS, använd taggen . När denna HTML-tagg sätts in i avsnittet som bifogas taggarna , Den CSS-kod som finns i den appliceras automatiskt på något element på webbsidan. I slutet av detta steg ska din HTML-fil för exemplar se ut så här:

Indikerar det element för vilket du vill ändra textens färg. Du måste använda avsnittet som bifogas taggarna

Använd HTML-attributet färg: inuti väljaren (även kallad combinatore) för det önskade elementet. Färgattributet: Indikerar för webbläsaren vilken färg av texten som ska användas för ett visst element. I vårt exempel är elementet "kropp" är standardväljaren för att identifiera all text som finns på en webbsida:

Skriv in den färg du vill tilldela sidtexten. Det finns tre sätt att göra detta: Använd färgnamnet, dess hexadecimala värde eller RGB-koden. Den blå färgen kan till exempel anges med ordet blå, med RGB rgb (0, 0, 255) eller av den relevanta HEX-koden # 0000FF.

Lägg till fler selektorer för att ändra färgningen av texten till de andra elementen som utgör dina webbsidor. För att ändra färgningen av texten till olika element behöver du helt enkelt använda olika CSS-väljare:

Denna paragraf kommer att visas blå.

Textens kropp kommer att bli röd.

I stället för att ändra ett befintligt element, definiera en ny CSS-klass. I stilark är det möjligt att definiera en ny klass och sedan applicera den på något önskat HTML-element så att det omedelbart antar sin stil och sitt grafiska utseende. I vårt exempel klassen ".redtext" ändra färg på texten för alla de element som den används till:

Texten i denna paragraf kommer att visas med standardfärgen.

Medan denna paragraf kommer att visas i rött.

Metod 2

Använd stilattribut i HTML-koden

Öppna HTML-filen som innehåller källkoden på din webbplats eller webbsida. För att ändra det grafiska utseendet på ett enda HTML-element kan du använda stilattribut genom att lägga dem direkt i källkoden på webbsidan. Denna lösning kan vara mycket användbar när du snabbt behöver ändra utseendet på ett eller två element. Av uppenbara skäl rekommenderas det inte att använda den här metoden för att hantera stil och utseende av alla delar på en webbsida. I det andra fallet innebär den optimala lösningen användandet av CSS-stilark.

Hitta objektet du vill redigera i HTML-filen som innehåller källkoden på webbsidan. Med hjälp av HTML-attribut som är relaterade till grafisk stil kan du ändra färgningen av texten på något element på en webbsida. Om du till exempel vill ändra färgen på texten för en viss titel måste du först identifiera det senare elementet i HTML-filen:

Lägg till rätt stilattribut till definitionen av det önskade elementet. Typ stil ="" inuti öppningstaggen för objektet du vill ändra:

Skriv attributet färg: inuti "" attribut "stil". I vårt exempel får vi:

Skriv koden för den nya färgen du vill ge till texten. Som i föregående fall finns det tre sätt att göra detta: du kan använda färgnamnet, dess hexadecimala värde eller RGB-koden. Till exempel, för att få texten att bli gul måste du använda en av dessa kodningar: gul-, rgb (255,255,0) - eller # FFFF00-:

tips

Genom att besöka den här webbadressen http://w3schools.com/colors/colors_names.asp Du hittar en lista över alla färgnamn som stöds av HTML, tillsammans med motsvarande hexadecimal kod.

Dela på sociala nätverk:

Relaterade