Jak změnit barvu textu v HTML

V HTML se barva textu liší pomocí značky , Tato metoda však již není podporována v HTML5. Místo zadané značky musíte použít CSS pro nastavení barvy textu různých prvků stránky. Použití CSS zajišťuje, že webová stránka bude kompatibilní s libovolným prohlížečem.

Kroky

Metoda 1 z 2:

Pomocí CSS

jeden. Otevřete soubor HTML. Nejlepší způsob, jak změnit barvu textu, je používat CSS. Starý tag Již nepodporuje v HTML5. Takže používejte CSS pro určení stylu prvků stránky.

Tato metoda také platí pro tabulky externích stylů (jednotlivé soubory CSS). Následující příklady jsou určeny pro soubor HTML s tabulkou interního stylu.

2. Začněte kurzor uvnitř značky . Styly jsou definovány uvnitř této značky, pokud se použije interní styl.

3. Enter , Vytvořit interní styl. Když tag

4. Zadejte prvek, jehož barva musí být změněna. Použijte sekci

{}

Pět. V voliči prvku zadejte atribut Barva:. Tento atribut definuje barvu textu vybrané položky. V našem příkladu tento atribut změní barvu hlavního textu, což je položka, která obsahuje celý text na stránce:

 {Barva:}

6. Zadejte barvu textu. To lze provést třemi způsoby: Zadejte název, zadejte hexadecimální hodnotu nebo zadejte hodnotu RGB. Chcete-li například text modré, zadejte Modrý, RGB (0, 0, 255) nebo # 0000ff.

 {Červená barva-}

7. Přidejte další selektory pro změnu barvy různých prvků. Můžete použít různé selektory pro změnu barvy textu různých položek stránky:

 {Barva: red-} h1 {barva: # 00ff00-} p {barva: rgb (0,0,255)}Tento titul bude zelený.Tento odstavec bude modrý.Tento základní text bude červený.

osm. Určete stylistickou třídu CSS namísto změny položky. Můžete zadat třídu stylu a pak ji použít na libovolnou položku stránky změnit styl prvku. Například třída .Redtext bude malovat text prvku, ke kterému je tato třída použita v červené barvě:

 {Červená barva-} Třída = "Redtext"> Tento titulek bude odstavec REDTOT bude standardní. Třída = "Redtext"> Tento odstavec bude červený

Metoda 2 z 2:

Pomocí vložených atributů

jeden. Otevřete soubor HTML. Můžete použít atributy vestavěného stylu změnit styl jednoho prvku stránky. To může být užitečné, pokud potřebujete vytvořit jeden nebo dva změny ve stylu, ale nedoporučuje se pro rozsáhlé použití. Chcete-li zcela změnit styl, použijte předchozí metodu.

2. Najděte položku, kterou chcete změnit.Pomocí atributů vloženého stylu můžete změnit barvu textu libovolné položky stránky. Chcete-li například změnit barvu textu konkrétního záhlaví, naleznete v souboru:

Tento titul je třeba změnit

3. Přidejte atribut stylu k položce. Uvnitř otevírání tagu variabilního prvku zadejte Styl = "":

 Style = ""> Tento titul musí být změněn

4. Uvnitř "" Enter Barva:. Například:

 Styl = "Barva:"> Tento titul musí být změněn

Pět. Zadejte barvu textu. To lze provést třemi způsoby: Zadejte název, zadejte hexadecimální hodnotu nebo zadejte hodnotu RGB. Například, aby byl text žlutý, zadejte Žlutá-, RGB (255,255,0)- nebo # Ffff00-:

 Styl = "barva: # ffff00 ;"> Tento titul se stal žlutým

Tipy

Seznam podporovaných barev a jejich hexadecimální hodnoty naleznete na webových stránkách http: // W3SCHOOLS.Com / colors / colors_names.Asp