Ako vložiť farbu do html. Farba pre html písmo
Druhy zárobkov cez internet,
alebo nad čím netráviť čas
Kde je najlepšie začať pre začiatočníkov?
Kde sú peniaze na internete alebo stratégia zarábania peňazí online
Návod na vytvorenie stránky za 5 minút. Základy html a tvorba web stránky krok za krokom
Ako sa stať webovým dizajnérom a naučiť sa vytvárať webové stránky na vysokej úrovni.
Ako zarobiť na svojej stránke, ako propagovať svoju stránku a zarábať na autopilotovi
Máte webovú stránku, no neprináša zisk? Prehľad monetizačných služieb
Neviem kam investovať
dosiahnuť zisk? Toto je jedinečná informácia.
Forex vo všeobecnosti. Ako správne investovať svoj kapitál alebo zarobiť 50 dolárov denne na autopilotovi
Ako a kde kúpiť doménu a hosting. Ako nahrať stránku na internet
Ako previesť doménu k inému registrátorovi, aby ste ušetrili pri obnove
Pokračujeme v ovládaní html, v tretej lekcii nášho školenia sa budeme učiť, a to menenie farieb na stránke. A potom všetko vyzerá akosi fádne.
Html kód, ktorý už máme:
Obsah mojej stránky.
Teraz sa naučíme meniť na stránke. Ak chcete určiť farbu textu, musíte urobiť nasledovné.
Zmeňte štítok
nasledujúcim spôsobom: text="#FF0000">, teda ak chcete zmeniť farbu html textu, musíte pridať parameter text= a zadať jeho hodnotu "#FF0000".Hodnota parametra určuje farbu, teda "#FF0000" - červená farba. Tu vstupuje do hry zákon troch farieb.
Napríklad „#00FF00“ je zelená farba HTML, „#0000FF“ je modrá farba textu HTML. Po zmiešaní tvoria tieto tri farby nové odtiene a html farby. Napríklad „#3715FB“.
Urobme text na našej stránke červený. K tomu použite nadobudnuté vedomosti. Výsledkom by mal byť nasledujúci html kód:
Obsah mojej stránky.
Učím sa, ako vytvoriť webovú stránku.
(Nové časti html kódu budú zvýraznené modrou farbou)
Mali by ste získať nasledujúce > upravené.
Teraz poďme zistiť, ako nastaviť html farbu jednotlivých textových fragmentov. Ak potrebujete, aby časť textu mala inú html farbu, postupujte takto:
Záver požadovaný text medzi značkami . Toto je nové html tag, je spárovaný.
Potom zadajte parameter color= s hodnotou „#00FF00“, teda takto color="#00FF00"> text inej farby .
Aplikujte vedomosti na naše html kód a zmeniť fragment textu.
Obsah mojej stránky.
Učím sa, ako vytvoriť webovú stránku.
Mali by ste dostať nasledujúcu > zmenu.
Farba html pozadie
Teraz sa poďme zmeniť html farba pozadia, na to je potrebné nastaviť v tagu
Farba pozadia html nemusí byť „#494949“, môžete si vziať akúkoľvek inú.
Urobme zmenu v našom kóde a zmeňme farbu html pozadia.
Obsah mojej stránky.
Učím sa, ako vytvoriť webovú stránku.
Teraz sa pozrime, čo sa stalo > zmena
Pri vytváraní webovej stránky musí človek čeliť rôznym problémom s dizajnom. Jednou z bežných otázok je, ako zmeniť farbu textu v HTML. Riešenie je celkom jednoduché, pričom existujú dva rôzne spôsoby.
Nastavte atribút štýlu vloženého textu
Ak chcete pochopiť, ako zmeniť farbu textu v HTML, stačí sa pozrieť na zoznam atribútov textového poľa. Medzi nimi je množstvo hodnôt, ktoré určujú štýl textu uzavretého v týchto značkách, ktoré sú špecifikované vo vnútri kľúčové slovoštýl.
Na zmenu farby textu stačí zadať slovo style="" do vybranej časti textového poľa v úvodnom tagu. V rámci tohto atribútu môžete zadať rôzne významy parametre - hodnota atribútu color je zodpovedná za zmenu farebného odtieňa textu. Zadaním tohto parametra za znakom dvojbodky musíte určiť farbu, v ktorej budú vymaľované všetky znaky dané pole. Zároveň pri definovaní odtieňa môžete zadať buď explicitnú hodnotu farby, napríklad červenú alebo žltú, alebo jej hexadecimálnu hodnotu alebo rgb.
Bez ohľadu na zvolenú metódu definície farieb bude výsledok rovnaký, ak sa zvolí rovnaký odtieň. Všetky nasledujúce tri príklady teda urobia rovnakú zmenu textu – vyfarbia ho žltou farbou.
1.
text
2.
text
3.
text
Zmeňte farbu pomocou CSS
Pomocou šablóny štýlov sa tiež môžete rozhodnúť, ako zmeniť farbu textu v HTML. CSS je plne podporované všetkými modernými verziami HTML a tiež umožňuje zmeniť štýl niekoľkých prvkov stránky naraz.
Aby ste pochopili, ako zmeniť farbu textu v HTML pomocou pomocou CSS, nie je potrebné rozumieť formálnemu jazyku definície vzhľadu. Ak chcete definovať atribúty nejakého prvku, musíte vytvoriť popis CSS, ktorý je napísaný vo vnútri značky
a je definovaný značkouVložte medzi značku úvodného a záverečného štýlu popis štýlu pre nadpisy každej úrovne, vzhľad ktoré chcete zmeniť. Ak napríklad chcete zmeniť iba vzhľad nadpisov prvej úrovne, tento kód môže vyzerať takto: Tu h1 označuje, že popis v kučeravé zátvorky odkazuje na značku h1 a nazýva sa "selektor". Parameter color určuje farbu textu, parameter font-size určuje veľkosť písma, font-style s hodnotou kurzívy určuje štýl kurzívy, font-weight s tučnou hodnotou - , margin-top - , margin -dole - spodný okraj. Pre nadpisy druhej úrovne musíte pridať podobný blok pomocou voliča h2 atď.
Ak potrebujete opísať veľa úrovní, použite skrátenú syntax. Napríklad popisy písma môžu byť umiestnené v jednom parametri, rovnako ako popisy odsadenia. Ukážka: V parametri okrajové zarážky musí byť špecifikované v smere hodinových ručičiek, počnúc hornou zarážkou, oddelené medzerou (vpravo hore, vľavo dole).
Podobné videá
Budete potrebovať
- Počítač, internet, prístup k obsahu stránky.
Inštrukcia
Ak sa vaše priority zmenili a ovplyvnilo to témy stránky, nezabudnite túto zmenu zohľadniť v názve. Pri výbere nového názvu plánujte, aby sa názov stránky mohol stať značkou, ak nie pre svet, tak aspoň pre pravidelných čitateľov zdroja. Vo všeobecnosti platí, že „akokoľvek nazvete jachtu, tak bude plávať“.
Rozhodnite sa, či priniesť Doménové meno v súlade s názvom. Toto nie je potrebné, ak sa k sebe hodia. Mimochodom, myslite na to pri výbere nového titulu. Zmena domény je predsa len náročnejšia. Navyše je to on, kto spája stránku s návštevníkmi.
Zmeňte názov na stránke. Moderné bezplatné platformy a rôzni tvorcovia webových stránok majú spravidla jednoduché vizuálne ovládanie, ktoré nevyžaduje znalosť programovacích jazykov. Prihláste sa do ovládacieho panela vašej lokality ako správca.
Nájdite na stránke, ktorá otvára kartu s názvom „Možnosti“ alebo „Nastavenia“ alebo „Všeobecné“. A tam vyhľadajte pole „Názov lokality“, kde môžete zadať text.
Do tohto poľa zadajte svoje nové meno. Nezabudnite kliknúť na tlačidlo Uložiť, ktoré sa v rôznych webových nástrojoch nazýva inak - „Uložiť“, „Publikovať“, „Aktualizovať“.
Dátum vytvorenia: 2009-11-18
Takže teraz je čas na prieskum ako sa menia farby text, ktorý ste zadali. Táto lekcia bude pozostávať z 2 diely. V ozdobíme samostatnú časť textu a v , urobíme celý text jednou farbou a jeho potrebná časť inou farbou.
1 diel
Hoci všetky farby v HTML sú predpísané nezvyčajným spôsobom, je to veľmi jednoduché. Najprv vám navrhujem stiahnuť si webovú paletu farieb kliknutím na slovo PALETA alebo hľadajte viac plná verzia na internete. V blízkosti každej farby v palete, ktorú ste našli, bude kód (anglické písmená a čísla). Aby naša farba bola napríklad modrá, musíte napísať nasledujúci tag:
Ahoj! Začať učenie HTML
To znamená, že tu je to, čo máme:
1.
text je uzavretý v značke
...
2.
tag
má atribút farba (farba) = #0000FF
Teraz sa vráťme k nášmu príkladu a pozrime sa na všetko vizuálne. Znovu otvorte predtým vytvorenú stránku v poznámkovom bloku a zmeňte farbu písma:
Aktualizuje sa HTML stránku a skontrolujte, čo sa stalo:
výsledok: Prvý riadok sa zmenil na modrý, zatiaľ čo druhý riadok zostal štandardne č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 v dokumente. 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 ako vieme ... - aj tag, teda môžeme ho, aj tag ... , nastavte požadované atribúty.
Farba je v tomto prípade nastavená 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 uzavretého v značkách ... s priradením farieb, bude červená.
Teraz zvážte túto časť článku s príkladom. Priraďme červenú farbu celému textu dokumentu a text, ktorý sme v 1. časti urobili modrým necháme. Ak to chcete urobiť, jednoducho napíšte kód do otváracej značky :
Potom, ako vždy pred zobrazením, dokument uložíme:
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.
ako zmeniť farbu písma v html
Ak sa aspoň trochu orientujete vo webových technológiách, mali by ste vedieť, že všetky značky a obsah dokumentu sú obsiahnuté v súbore html a štýly, ktoré určujú vzhľad rôznych prvkov, sú uložené v súbore štýlu css. Takže je to css, ktorý musíme použiť na zmenu farby písma a všetko ostatné.
V html existujú značky, ktoré umožňujú aplikovať na text určité efekty, no musíte uznať, že by nebolo úplne rozumné vymýšľať stovky značiek pre každý odtieň. V css to môžete ovládať oveľa pohodlnejšie. Takto sa dá napríklad nastaviť farba html písmo-prvok body, to znamená značku, ktorá zahŕňa celý obsah stránky zobrazený na obrazovke.
telo (farba: červená; )
telo ( farba: červená |
Telo stránky sme napísali tak, aby bolo červené. Dostanú ho odseky, zoznamy, nadpisy a všetky ostatné prvky. To bude dovtedy, kým štýly pre tieto prvky nebudú prepísané inými.
Farebné formáty záznamu
Možno máte trochu vedomostí v oblasti web dizajnu? V tomto prípade by ste si mali uvedomiť, že existujú rôzne farebné režimy. Napríklad rgb, rgba, hsl, hex atď. Samozrejme, najjednoduchší spôsob, ako nastaviť odtieň, je jednoducho napísať kľúčové slovo. Urobili sme práve to, že vo vyššie uvedenom príklade červená robí písmená červenými, modrá ich robí modrými a hnedými hnedými. Toto sú len názvy farieb v angličtine.
Jediné, čo v tomto prípade potrebujete vedieť, je názov požadovanej farby. Môžete si ich vyhľadať na internete v ktorejkoľvek tabuľke. Ďalším populárnym spôsobom určenia farby je zapísanie jej hexadecimálneho kódu. Toto je takzvaný hexadecimálny formát. Príklady:
p( farba: #000; ) /* Text v odsekoch bude čierny. */ tabuľka( farba: #fff; ) /* Obsah v tabuľkách bude biely. */
Ako vidíte, musíte si zapísať mriežku, po ktorej kód farby. Ako ho spoznať? Môžete napríklad otvoriť Photoshop alebo akýkoľvek iný grafický editor, ktorý pri výbere farby zobrazuje svoj hexadecimálny kód. Môžete tiež využiť službu online.
Rgb je ďalší populárny formát nahrávania. Znamená to jednoducho - červená, zelená, modrá. Farba v tomto formáte je nastavená takto:
#footer(color: rgb(234, 22, 56); )
#footer( farba: rgb (234, 22, 56); |
Prvok s ID pätou získa zadanú farbu. Podiel červenej bude 234, zelenej - 22, modrej - 56. Tieto hodnoty možno zapísať od 0 do 255. Podľa toho sa náš odtieň priblíži k červenej. V programe Maľovanie môžete pridať farby do palety zmenou sýtosti troch základných farieb.
Výhodou tejto metódy je, že jednoduchou zmenou troch čísel si môžete vybrať z miliónov farieb. Pri písaní s kľúčovými slovami budete mať vo svojom arzenáli len niekoľko stoviek farieb.
Rgba - priesvitný text!
Áno, toto je nový režim nahrávania, ktorý v grafických editorov existuje už dlho, no vo webdizajne sa objavil relatívne nedávno. Píše sa to takto:
a( rgba(255, 12, 22, 0,5); )
rgba(255,12,22,0,5); |
Posledné číslo v položke určuje priehľadnosť. Dá sa písať od 0 do 1, kde 1 je úplne nepriehľadný text, čo je predvolené správanie. V tomto prípade sa všetky odkazy sfarbia na červeno, ale vďaka priehľadnosti bude jas farby oveľa menší a ak je pod odkazom ďalšie pozadie alebo prvok, bude viditeľný.
Nesprávny spôsob nastavenia farby
HTML má zastaraný atribút color a bolo možné s ním napísať farbu textu pomocou kľúčového slova. Teraz to už nemusí fungovať moderné prehliadače a táto metóda skutočne porušuje všeobecne uznávané webové štandardy. A tiež je nepríjemný.
Ako definovať farbu pre ľubovoľný fragment
Dobre, hovoríme tu o farbe písma pre odseky, odkazy a tabuľky, ale toto sú pevné prvky, ale čo ak potrebujete definovať farbu pre jednu vetu, jedno slovo, jedno písmeno?
Požadovaný fragment jednoducho uzavrieme do značiek span. Do vnútra tagu napíšeme atribút class, ktorému nastavíme ľubovoľnú, no zrozumiteľnú hodnotu. Napríklad takto:
Všetko, teraz zostáva len odkazovať na selektor v css.