Farbu písma na webovej stránke je možné nastaviť pomocou HTML pomoc-kód. Existuje na to značka písmo. Podľa definície značka písmo slúži ako akýsi „obal“ alebo „kontajner“ pre text, ovládaním vlastností ktorého môžete meniť vzhľad textu.

Tag písmo platí nasledovne:

Tvorca webových stránok "Nubex"

Najjednoduchší spôsob, ako zmeniť farbu písma v HTML, je použiť atribút farba tag písmo:

Tvorca webových stránok "Nubex"

Toto nastaví modrú farbu pre slovo obklopené značkou písmo.

Ale okrem parametra farby má značka aj ďalšie atribúty.

atribúty značky FONT

Tag písmo má len tri atribúty:

• farba- nastavuje farbu textu;
• veľkosť- nastavuje veľkosť textu;
• tvár- určuje rodinu písiem.

Parameter farba možno špecifikovať názvom farby (napr. „červená“, „modrá“, „zelená“) alebo hexadecimálnym kódom (napr. #fa8e47).

Atribút veľkosť môže nadobúdať hodnoty od 1 do 7 (predvolená hodnota je 3, čo zodpovedá 13,5 bodu pre písmo Times New Roman). Ďalšou možnosťou určenia atribútu je „+1“ alebo „-1“. To znamená, že veľkosť sa zmení oproti základni o 1 viac alebo menej, resp.

Pozrime sa na použitie týchto atribútov v našom príklade:

Tvorca webových stránok "Nubex"

Použili sme značku písmo pre jedno slovo sme mu nastavili veľkosť 6, oranžovú farbu a rodinu písiem „Serif“.

Nastavenie farby textu pomocou CSS

Ak potrebujete použiť špecifické formátovanie (napríklad zmeniť farbu textu) na niekoľko častí textu, potom bude vhodnejšie použiť kód CSS. Existuje na to farebný atribút. Pozrime sa, ako ho použiť v našom príklade:

Konštruktér stránky "Nubex"

Tu nastavíme modrú farbu pre slovo „Designer“ (jeho veľkosť je štandardne 100 % základne), zelenú farbu a veľkosť 125 % pre slovo „sites“, oranžovú farbu a veľkosť 150 % pre slovo „Nubex“.

Lekcia 7. Farby textu a pozadia v HTML.

Dátum: 2008-12-05

Ako nastaviť farbu pozadia a textu na webovej stránke?

V predvolenom nastavení je farba textu a vo všeobecnosti akéhokoľvek písma na webových stránkach vždy čierna (#000000 ). Vždy si ale môžeme nastaviť absolútne akúkoľvek farbu, ktorá sa nám páči a vyzerá decentne alebo je vhodnejšia pre dizajn konkrétneho webu.

Nastavte farbu textu

V HTML je možné nastaviť farbu textu, písma, pozadia a ďalších prvkov dvoma spôsobmi:

1. Spôsob 1. V párových značkách atribút je napísaný s uvedením názvu požadovanej farby. Názov farby je uvedený v angličtine. Napríklad farbu nadpisu na našej webovej stránke je možné nastaviť takto:

Komentáre k tomuto článku (lekcii):

Andrey! Aké úžasné stránky máte! Pravidelne ho používam už druhý týždeň: Študujem vaše lekcie a videonávody; Čítam vašu literatúru a sťahujem programy; Robím prvé kroky vo webovom programovaní! A čo je najdôležitejšie, dokážem to!!! Ale ja vôbec nie som fyzik, ale textár! A každý, kto navštívi moju literárnu stránku, sa o tom môže presvedčiť: „BÁSNE OLEG GUZ“ Moje údaje: e-mail: [e-mail chránený] webová stránka: http://sites.google.com/site/stihiolegguz/

starostlivo skontrolujte kód

Skúšal som zmeniť farbu pozadia a nejde to! Ako zmeniť farbu pozadia?

Nájdite hlavičku „html“. Malo by byť v hornej časti dokumentu.

Pamätajte na základnú syntax tohto procesu. Na vytvorenie gradientu potrebujete poznať dve veličiny: začiatočný bod/uhol a rozsah farieb, ktoré do seba zapadnú. Môžete si vybrať niekoľko farieb tak, aby sa navzájom prelínali; Môžete tiež nastaviť smer alebo uhol prechodu.

pozadie: lineárny gradient (smer/uhol, farba1, farba2, farba3 atď.);

Vytvorte vertikálny gradient. Ak neurčíte smer, prechod pôjde zhora nadol. Ak chcete vytvoriť takýto prechod, zadajte medzi značky nasledujúci kód :

html (min-výška: 100 %;) telo (pozadie: -webkit- linear-gradient (#93B874, #C9DCB9); pozadie: -o- linear-gradient (#93B874, #C9DCB9); pozadie: -moz- linear -gradient (#93B874, #C9DCB9); pozadie: lineárny gradient (#93B874, #C9DCB9);

• IN rôzne prehliadače Funkcie prechodu sú implementované odlišne, takže musíte pridať viacero verzií kódu.

1. Vytvorte smerový gradient. Ak nechcete, aby prechod prebiehal vertikálne, zadajte smer, v ktorom budú farby blednúť. Ak to chcete urobiť, zadajte medzi značky nasledujúci kód :

   html (min-výška: 100 %;) telo (pozadie: -webkit- linear-gradient (vľavo, #93B874, #C9DCB9); pozadie: -o- linear-gradient (vpravo, #93B874, #C9DCB9); pozadie: -moz- lineárny gradient (vpravo, #93B874, #C9DCB9) pozadie: lineárny gradient (vpravo, #93B874, #C9DCB9);

   • Ak chcete, zmeňte usporiadanie slov „vľavo“ a „vpravo“ a experimentujte s rôznymi smermi prechodu.

2. Na prispôsobenie prechodu použite ďalšie vlastnosti. Môžete s tým urobiť viac, ako si myslíte.

   • Napríklad po každej farbe môžete zadať percentuálne číslo. To bude indikovať, koľko miesta bude zaberať každý farebný segment. Tu je príklad kódu s týmito parametrami:

     pozadie : lineárny gradient (#93B874 10 %, #C9DCB9 70 %, #000000 90 %);

   • Pridajte k farbe priehľadnosť. V tomto prípade bude postupne slabnúť. Ak chcete dosiahnuť efekt vyblednutia, použite rovnakú farbu. Na nastavenie farby potrebujete funkciu rgba(). Posledná hodnota určí priehľadnosť: 0 je nepriehľadná farba a 1 je priehľadná farba.

     pozadie: lineárny gradient (doprava, rgba (147, 184, 116, 0), rgba (147, 184, 116, 1));

Skontrolujte kód. Kód na vytvorenie farebného prechodu ako pozadia webovej stránky by vyzeral asi takto:

< html > < head > < style >html (min-výška: 100 %;) telo (pozadie: -webkit- linear-gradient (vľavo, #93B874, #C9DCB9); pozadie: -o- linear-gradient (vpravo, #93B874, #C9DCB9); pozadie: -moz- lineárny gradient (vpravo, #93B874, #C9DCB9) pozadie: lineárny gradient (vpravo, #93B874, #C9DCB9); < body >

Dátum vytvorenia: 2009-11-18

Takže teraz je čas študovať, ako sa menia farby text, ktorý ste zadali. Táto lekcia bude pozostávať z 2 diely. V zafarbíme samostatnú časť textu a v , urobíme celý text jednou farbou a jeho potrebná časť inou farbou.

1. časť

Aj keď sú všetky farby v HTML napísané nezvyčajným spôsobom, robí sa to veľmi jednoducho. Najprv vám navrhujem stiahnuť si webovú paletu farieb kliknutím na slovo PALETA alebo hľadajte viac plná verzia na internete. Vedľa každej farby v palete, ktorú nájdete, bude kód ( anglické písmená a čísla). Aby naša farba bola napríklad modrá, musíme napísať nasledujúci tag:

Dobrý deň! Začnime sa učiť HTML

To znamená, že máme toto:
1. text je uzavretý v značke ...
2. tag má atribút color = #0000FF

Teraz sa vráťme k nášmu príkladu a pozrime sa na všetko jasne. Znovu otvorte predtým vytvorenú stránku v programe Poznámkový blok a zmeňte farbu písma:

Aktualizujeme HTML stránku a skontrolujte, čo sa stalo:

výsledok: Prvý riadok sa zmenil na modrý a druhý zostal predvolený - čierny.

Rovnakým spôsobom môžete ozdobiť akúkoľvek potrebnú časť textu bez ohľadu na to, kde sa nachádza, na začiatku, v strede alebo na konci textu.

2. časť

Teraz my nastaviť farbu pre celý text dokumentu. To sa robí veľmi jednoducho. Pripomeňme si náš tretí článok. V ňom sme povedali, že všetko, čo je viditeľné v prehliadači, je napísané v tagu ... , teda v „tele“ nášho dokumentu.

A tak, ako vieme, ... - je tiež značka, preto ju môžeme použiť rovnako ako značku ... , nastavte požadované atribúty.

Farba sa v tomto prípade nastavuje v otváracom štítku a záznam bude vyzerať takto: Celý text vášho dokumentu

V tomto prípade celý text dokumentu okrem textu, ktorý je uzavretý v značkách ... s priradením farieb bude mať červenú farbu.

Teraz sa pozrime na túto časť článku na príklade. Priraďme červenú farbu celému textu dokumentu a text, ktorý sme v časti 1 urobili modrým, nechajme tak. Ak to chcete urobiť, jednoducho napíšte kód do otváracej značky :

Potom, ako vždy pred zobrazením, uložte dokument:

A nakoniec aktualizujeme stránku HTML v prehliadači:

výsledok: Naučili sme sa, ako nastaviť celý text dokumentu na požadovanú farbu, ako aj urobiť časť textu inou farbou.