Jak používat barevné značky písma v HTML

Obsah

• stupně
• Metoda 1 Použití značek HTML
• Metoda 2 Použití CSS ve značkách

Značka písma HTML je nyní zastaralá a profesionální vývojáři by ji měli používat. I když je velmi jednoduché změnit barvu písma v osobním projektu, není žádná záruka, že bude fungovat i po aktualizaci webových prohlížečů. Chcete-li dosáhnout nejlepších výsledků, měli byste použít metodu s CSS.

stupně

Metoda 1 Použití značek HTML

1. 
   

   
   Vytvořte značku písma. Dejte značku před e, které chcete obarvit. Zavřete to tím, že na konci e.
   • Například:
     Chci, aby to bylo modré

2. 
   

   
   Přidejte atribut pro barvu. přidat color = "" uvnitř úvodní značky. Poté musíte do uvozovek (v angličtině) uvést barvu podle vašeho výběru.
   • Například:
     Chci, aby to bylo modré

3. 
   

   
   Vyberte název barvy. Je to vždy jednoduché slovo v angličtině, bez mezery. Vyzkoušejte jednoduchá jména jako „modrá“, „červená“ nebo něco konkrétnějšího, jako „světle modrá“ (tmavě modrá) nebo „tmavě modrá“ (tmavě modrá). Pro více možností najděte seznam akceptovaných barevných jmen, jako je kaštanová, ocelová lepenka a vápno.
   • Například:
     Chci, aby to bylo modré

4. 
   

   
   
   
   Místo toho použijte hexadecimální kód. HTML vám umožňuje vybrat si z miliónů barev, ale nejsou tam vždy názvy. Místo toho použijete šestimístný kód v systému zvaném hexadecimální. Existuje mnoho webových stránek, které nabízejí hexadecimální seznamy kódů pro barvy, nebo můžete dokonce vybrat barvu přímo na obrazovce a získat kód. Číslo začíná symbolem # následovaným šesti číslicemi, které se skládají z číslic 0 až 9 a písmen d až F.
   • Kód # FF0000 je stejný jako červená barva označená „červená“.
   • Tento kód generuje zelenou barvu.
   • Tento kód značí e modrou barvou.

5. 
   

   
   
   
   Hrajte s hodnotami RGB. Nemusíte vědět, jak hexadecimální kód barvy funguje při výběru barvy, která se vám líbí na paletě, kterou najdete na internetu. Pokud však chcete provést několik experimentů, musíte začít se základy.
   • Každé šestimístné číslo je rozděleno na hodnoty pro červenou, zelenou a modrou (nebo „RGB“ pro „červenou, zelenou, modrou“). Například kód # FF0000 ve skutečnosti znamená "červený: FF, zelený: 00, modrý: 00".
   • Chcete-li změnit množství červené, změňte první dvě číslice. Můžete použít hodnotu mezi 00 (vůbec žádná červená) a 99 (trochu červená) a mezi AA (trochu více červená) a FF (červená maximum).
   • Použijte stejný systém ke změně hodnoty zelené (střední dvě číslice) a modré (poslední dvě číslice).

6. 
   

   
   Pochopte hloubku kódu. Chcete-li získat přesnější výběr barev, musíte porozumět dvěma dalším konceptům.
   • Každá z těchto tří hodnot je tvořena dvoumístným číslem. Chcete-li provést malé úpravy, můžete změnit druhou číslici. Například: #850000 a #890000 jsou velmi podobné, ale # A50000 je mnohem jasnější.
   • Hodnoty RGB se mísí na základě systému aditivní syntézy barev. Červená a zelená značka žlutý, modrá a zelená značka cyan a červená a modrá značka magenta .

Metoda 2 Použití CSS ve značkách

1. 
   

   
   Do značky vložte atribut „style“. Tento atribut umožňuje vložit CSS přímo do značky HTML. Je to jednoduchý způsob, jak změnit barvu, i když neznáte CSS. Zkuste to vložit do jedné z následujících značek:

   • značka p obklopuje odstavec e

   • značka obklopila odkaz
   • použijte značku span ke změně barvy části e bez změny formátu

2. 
   

   
   Označte barvu. Insert barva: následovaný názvem barevného nebo hexadecimálního kódu uvnitř uvozovek. Další informace o názvech barev naleznete v příkladech v předchozí metodě.
   • E je nyní v červené barvě.
   • Zde je kód pro tmavě olivově zelenou.
   • CSS podporuje tříciferné zkrácené barevné kódy. Kód 745 je zkratkou 774455.

3. 
   

   
   Použijte třídy CSS. Pokud chcete použít stejný styl na všechny fotografie nebo všechny názvy kapitol, nemusíte pokaždé opakovat stejný kód. Místo toho můžete definovat třídu v záhlaví dokumentu, abyste se na ni mohli později odvolat, kdykoli budete chtít použít stejný styl. Zde je příklad ukázat několik použití atributu „styl“.
   • V sekci své HTML stránky, zkopírujte následující kód:
     
   • V těle stejného dokumentu použijte atribut přidat tento styl do položky. Například:

     tento odstavec

     se zobrazí v tmavě zelené barvě se širokým písmem Cursive.
   • Uvědomte si, že nemusíte volat svou třídu „fantazie“, můžete jí dát jméno, které chcete.