Hur man infogar färg i html. HTML-teckensnittsfärg

Hur man infogar färg i html. HTML-teckensnittsfärg
22.07.2020

Typer av inkomster via Internet,
eller vad du inte behöver slösa tid på


Var är det bästa stället för nybörjare att börja?
Var finns pengarna på internet eller en strategi för att tjäna pengar online?


Instruktioner för att skapa en webbplats på 5 minuter. Grunderna i HTML och steg-för-steg-webbplatsskapande


Hur man blir webbdesigner och lär sig hur man skapar hemsidor på hög nivå.


Hur man tjänar pengar på din webbplats, hur man marknadsför en webbplats och gör en vinst på autopilot


Har du en hemsida, men den är inte lönsam? Granskning av tjänster för intäktsgenerering


Vet inte var man ska investera pengar
att göra vinst? Detta är unik information


Om Forex i allmänhet. Hur du investerar ditt kapital korrekt eller tjänar $50 per dag på autopilot


Hur och var man köper en domän och hosting. Hur man laddar upp en webbplats till Internet


Hur man överför en domän till en annan registrar för att spara på förnyelsekostnader



Vi fortsätter att behärska html, i den tredje lektionen av vår träning kommer vi att studera, nämligen att ändra färger på sidan. Annars ser allt lite tråkigt ut.

HTML-kod som vi redan har:

Innehållet på min sida.

Nu ska vi lära oss hur man ändrar på sidan. För att specificera vilken färg texten ska ha behöver du göra följande.

Byt taggen på följande sätt: text="#FF0000" >, det vill säga för att ändra html-textfärgen måste du lägga till parametern text= och ange dess värde "#FF0000".

Parametervärdet bestämmer färgen, det vill säga "#FF0000" är rött. Här gäller lagen om tre färger.

Till exempel är "#00FF00" en grön HTML-färg, "#0000FF" är en blå HTML-textfärg. När de blandas bildar dessa tre färger nya nyanser och html-färger. Till exempel "#3715FB".

Låt oss göra texten på vår sida röd. För att göra detta, tillämpa den förvärvade kunskapen. Resultatet bör vara följande html-kod:

Sidtitel på min första webbplats

Innehållet på min sida.
Jag tar lektioner i att skapa en hemsida.

(Nya delar av HTML-koden kommer att markeras i blått)

Det ska se ut så här > modifierat .

Låt oss nu ta reda på hur man ställer in HTML-färgen för enskilda textfragment. Om du behöver lite text för att ha en annan HTML-färg, gör följande:

Sluta önskad text mellan taggar . Det här är nytt html-tagg, den är parad.

Ange sedan parametern color= med värdet "#00FF00", det vill säga så här color="#00FF00"> text i en annan färg .

Låt oss tillämpa kunskapen på våra html-kod och ändra ett stycke text.

Sidtitel på min första webbplats

Innehållet på min sida.
Jag tar lektioner i att skapa en hemsida.

Du bör få följande > ändring.

Färg bakgrund html

Nu ska vi ändra oss html bakgrundsfärg, för detta måste du ställa in i taggen bgcolor= parameter med värdet "#494949", dvs bgcolor="#494949" >.

HTML-bakgrundsfärgen behöver inte vara "#494949", du kan använda vilken annan färg som helst.

Låt oss göra en ändring i vår kod och ändra html-bakgrundsfärgen.

Sidtitel på min första webbplats

Innehållet på min sida.
Jag tar lektioner i att skapa en hemsida.

Låt oss nu se vad som hände > ändra

När du skapar en webbsida måste du möta olika designutmaningar. En av de vanligaste frågorna är hur man ändrar textfärgen i HTML. Att lösa det är ganska enkelt, och det finns två olika sätt.

Ställa in ett inline textstilsattribut

För att förstå hur man ändrar textfärg i HTML, titta bara på listan med attribut textfält. Bland dem finns det ett antal värden som bestämmer stilen på texten som ingår i dessa taggar, som anges inuti nyckelord stil.

För att ändra textfärgen, skriv helt enkelt in ordet style= "" i det valda området i textfältet inuti öppningstaggen. Inom detta attribut kan du ange olika betydelser parametrar - värdet på färgattributet är ansvarigt för att ändra textens färgton. Genom att ange denna parameter måste du efter kolontecknet ange i vilken färg alla tecken ska målas av detta fält. I det här fallet, när du definierar en nyans, kan du ange både ett explicit färgvärde, till exempel rött eller gult, och dess hexadecimala värde, eller rgb.

Oavsett vald metod för att bestämma färg, blir resultatet detsamma om nyansen väljs likadant. Således kommer alla följande tre exempel att göra samma ändringar i texten - färga den gul.

1.

text

2.

text

3.

text

Ändra färg med CSS

Genom att använda en stilmall kan du också bestämma hur du ändrar färgen på text i HTML. CSS stöds fullt ut av alla moderna versioner av HTML, och låter dig även ändra stilen för flera sidelement samtidigt.

För att förstå hur man ändrar textfärg i HTML med använder CSS, är det inte nödvändigt att förstå det formella utseendedefinitionsspråket. För att definiera attributen för ett visst element måste du skapa en CSS-beskrivning som är skriven inuti taggen , och definieras av taggen

Infoga mellan de inledande och avslutande stiltaggarna beskrivningar av stilarna för rubrikerna på varje nivå, utseende som du vill ändra. Till exempel, om du bara behöver ändra utseendet på rubrikerna på första nivån, kan den här koden se ut så här: Här indikerar h1 att beskrivningen i lockiga hängslen hänvisar till h1-taggen och kallas en "väljare". Färgparametern ställer in textfärgen, font-size-parametern ställer in fontstorleken, font-style med värdet kursiv ställer in kursiv stil för bokstäverna, font-weight med värdet fet - , margin-top - , margin-bottom - bottenfördjupning. För rubriker på andra nivån måste du lägga till ett liknande block med h2-väljaren, etc.

Använd förkortad syntax om det finns många nivåer att beskriva. Till exempel kan beskrivningar av teckensnitt placeras i en parameter, liksom beskrivningar av indragsstorlekar. Prov: I parametern marginalindrag ska indikeras medurs, med början från den övre indragen, genom ett mellanslag (överst till höger, nedre till vänster).

Video om ämnet

Du kommer behöva

  • Dator, Internet, tillgång till webbplatsens innehåll.

Instruktioner

Om dina prioriteringar har ändrats och detta har påverkat webbplatsens teman, se till att återspegla ändringarna i titeln. När du väljer ett nytt namn, planera så att namnet på webbplatsen kan bli ett varumärke, om inte ett globalt, så åtminstone för vanliga läsare av resursen. I allmänhet, "vad du än kallar yachten, det är så den kommer att segla."

Bestäm om du ska ta med Domän namn i enlighet med titeln. Detta är inte nödvändigt om de är lämpliga för varandra. Ta förresten hänsyn till detta när du väljer en ny titel. När allt kommer omkring är det svårare att byta domän. Dessutom är det han som kopplar ihop sajten med besökarna.

Ändra titeln på webbplatsen. Moderna gratisplattformar och olika webbplatsbyggare har som regel enkla visuella kontroller som inte kräver kunskaper i programmeringsspråk. Logga in på webbplatsens kontrollpanel som administratör.

Hitta på sidan som öppnar en flik som heter "Alternativ" eller "Inställningar" eller "Allmänt". Och där, leta efter rutan "Site Name" där du kan skriva in text.

Ange ditt nya namn i den här rutan. Se till att klicka på knappen Spara, som kallas på olika sätt på olika webbmotorer - "Spara", "Publicera", "Uppdatera".

Skapandedatum: 2009-11-18

Så nu är det dags att plugga, hur färgerna förändras texten du skrev in. Denna lektion kommer att bestå av 2 delar. I kommer vi att färglägga en separat del av texten, och i kommer vi att göra hela texten i en färg och den nödvändiga delen av den till en annan färg.

1 del

Även om alla färger är skrivna i HTML på ett ovanligt sätt, detta görs väldigt enkelt. För det första föreslår jag att du laddar ner webbfärgpaletten genom att klicka på ordet PALETT, eller sök efter mer full version på internet. Bredvid varje färg i paletten du hittar kommer det att finnas en kod (engelska bokstäver och siffror). För att vår färg ska vara till exempel blå måste vi skriva följande tagg:

Hallå! Börja lära sig HTML

Det vill säga det här är vad vi har:
1. texten är innesluten i en tagg ...
2. märka har attribut färg = #0000FF

Låt oss nu gå tillbaka till vårt exempel och titta på allt klart. Öppna den tidigare skapade sidan i Anteckningar igen och ändra teckensnittsfärgen:

Vi uppdaterar HTML-sida och kolla vad som hände:

Resultat: Den första raden blev blå och den andra förblev standard - svart.

På samma sätt kan du dekorera vilken nödvändig del av texten som helst, oavsett var den finns, i början, i mitten eller i slutet av texten.

2. del

Nu vi ställ in färgen för hela texten i dokumentet. Detta görs väldigt enkelt. Låt oss komma ihåg vår tredje artikel. I den sa vi att allt som är synligt i webbläsaren är skrivet i taggen ... , det vill säga i "kroppen" av vårt dokument.

Och så, som vi vet, ... - är också en tagg, därför kan vi använda den, precis som taggen ... , ställ in de nödvändiga attributen.

Färgen i detta fall ställs in i öppningstaggen , och posten kommer att se ut så här: All text i ditt dokument

I det här fallet hela texten i dokumentet, förutom den som är innesluten i taggar ... med färgtilldelning kommer den att ha röd färg.

Låt oss nu titta på den här delen av artikeln med ett exempel. Låt oss tilldela den röda färgen till hela texten i dokumentet och lämna texten som vi gjorde blå i del 1 som sådan. För att göra detta, skriv helt enkelt koden till starttaggen :

Sedan, som alltid innan du tittar, spara dokumentet:

Och slutligen uppdaterar vi HTML-sidan i webbläsaren:

Resultat: Vi lärde oss hur man ställer in hela dokumenttexten till önskad färg, samt gör en del av texten en annan färg.

Hur man ändrar teckensnittsfärg i html

Om du har någon kunskap om webbteknik bör du veta att all uppmärkning och innehåll i ett dokument finns i en html-fil, och css-stilfilen lagrar de stilar som bestämmer utseendet på olika element. Så det är css som vi måste använda för att ändra teckensnittsfärgen och allt annat.

Det finns taggar i html som låter dig applicera vissa effekter på text, men du måste erkänna att det inte är helt rimligt att komma med hundratals taggar för varje nyans. I css kan du styra detta mycket bekvämare. Det är till exempel så här du kan ställa in färgen html-teckensnitt-kroppselementet, det vill säga en tagg som innehåller allt innehåll på sidan som visas på skärmen.

kropp (färg: röd;)

kropp (

färgen röd;

Vi har tilldelat den röda färgen till sidans brödtext. Stycken, listor, rubriker och alla andra element kommer att få det. Detta kommer att hända tills stilarna för dessa element omdefinieras till andra.

Färginspelningsformat

Kanske har du lite kunskap om webbdesign? I det här fallet bör du vara medveten om att det finns olika färglägen. Till exempel, rgb, rgba, hsl, hex, etc. Naturligtvis är det enklaste sättet att sätta tonen på att helt enkelt skriva ett nyckelord. Vi gjorde detta i exemplet ovan, värdet rött gör bokstäverna röda, blå – blå, brun – brun. Det här är bara blomnamn på engelska.

Det enda du behöver veta i det här fallet är namnet på den önskade färgen. Du kan se dem på Internet i vilken tabell som helst. Nästa populära sätt att ange en färg är att skriva ner dess hexadecimala kod. Detta är det så kallade hex-formatet. Exempel:

p( färg: #000; ) /* Text i stycken kommer att vara svart. */ table( color: #fff; ) /* Innehållet i tabellerna kommer att vara vitt. */

Som du kan se måste du skriva ner rutnätet, följt av färgkoden. Hur känner man igen honom? Du kan till exempel öppna Photoshop eller någon annan grafisk editor, där dess hex-kod visas när du väljer en färg. Du kan också använda onlinetjänsten.

RGB är ett annat populärt inspelningsformat. Det står helt enkelt för rött, grönt, blått. Färgen i detta format är inställd så här:

#sidfot( färg: rgb(234, 22, 56); )

#sidfot(

färg: rgb(234, 22, 56);

Elementet med id-sidfot kommer att få den angivna färgen. Andelen rött kommer att vara 234, grönt – 22, blått – 56. Dessa värden kan skrivas från 0 till 255. Följaktligen kommer vår nyans att vara närmare rött. I Paint kan du lägga till färger i din palett genom att ändra mättnaden för de tre primärfärgerna.

Fördelen med denna metod är att du kan välja mellan miljontals färger bara genom att ändra tre siffror. När du skriver med nyckelord har du bara några hundra färger i din arsenal.

Rgba - genomskinlig text!

Ja, det här är ett nytt inspelningsläge som grafiska redaktörer har funnits länge, men det dök upp relativt nyligen inom webbdesign. Det är skrivet så här:

a( rgba(255, 12, 22, 0,5); )

rgba(255, 12, 22, 0,5);

Den sista siffran i posten anger transparensen. Det kan skrivas från 0 till 1, där 1 är helt ogenomskinlig text, det vill säga standardbeteendet. I det här fallet blir alla länkar röda, men på grund av transparens blir färgens ljusstyrka mycket mindre, och om det finns en annan bakgrund eller ett element under länken kommer det att synas.

Fel sätt att sätta färg på

HTML har ett föråldrat färgattribut och det kan användas för att registrera färgen på texten med hjälp av ett nyckelord. Nu kanske det här inte ens fungerar moderna webbläsare, och faktiskt bryter den här metoden mot allmänt accepterade webbstandarder. Och det är också obekvämt.

Hur man bestämmer färgen för ett godtyckligt fragment

Okej, vi pratar om teckensnittsfärg för stycken, länkar och tabeller, men det här är solida element, men vad händer om du trots allt behöver definiera en färg för en mening, ett ord, en bokstav?

Vi bifogar helt enkelt det önskade fragmentet i span-taggar. Vi skriver ett klassattribut inuti taggen, till vilket vi sätter ett godtyckligt, men förståeligt värde. Till exempel så här:

Det är det, nu återstår bara att komma åt väljaren i css.