Bijeli html font. Kako dodati boju pozadine u zaglavlje teksta? RGBA - proziran tekst

Potražite "html" zaglavlje. Trebao bi biti na vrhu dokumenta.

Zapamtite osnovnu sintaksu za ovaj proces. Da biste kreirali gradijent, morate znati dvije vrijednosti: početnu tačku/ugao i raspon boja koje će se stapati jedna u drugu. Možete odabrati više boja da se stapaju jedna u drugu; također možete odrediti smjer ili ugao prijelaza.

pozadina: linearni gradijent (pravac/ugao, boja1, boja2, boja3 i tako dalje);

Napravite vertikalni gradijent. Ako ne navedete smjer, gradijent će ići od vrha do dna. Da biste kreirali takav gradijent, unesite sljedeći kod između oznaka :

html ( min-height : 100 % ; ) body ( pozadina : -webkit- linear-gradient (#93B874 , #C9DCB9 ); pozadina: -o- linear-gradient (#93B874 , #C9DCB9 ); pozadina: -moz- linear -gradijent (#93B874 , #C9DCB9 ); pozadina: linearni gradijent (#93B874 , #C9DCB9 ); boja pozadine: #93B874 ;)

Funkcije gradijenta se različito implementiraju u različitim pretraživačima, tako da je potrebno dodati nekoliko verzija koda.

Napravite usmjereni gradijent. Ako ne želite da gradijent ide okomito, odredite smjer prijelaza boje. Da biste to učinili, unesite sljedeći kod između oznaka :
html (min-height : 100 % ; ) body (pozadina: -webkit- linear-gradient (lijevo , #93B874 , #C9DCB9 ); pozadina: -o- linear-gradient (desno, #93B874, #C9DCB9); pozadina: -moz- linearni gradijent (desno , #93B874 , #C9DCB9 ); pozadina: linearni gradijent (desno , #93B874 , #C9DCB9 ); boja pozadine: #93B874 ;)
- Ako želite, preuredite riječi "lijevo" (lijevo) i "desno" (desno) kako biste eksperimentirali s različitim smjerovima gradijenta.
Koristite druga svojstva da prilagodite gradijent. Sa njim možete učiniti više nego što mislite.
- Na primjer, nakon svake boje možete unijeti broj kao postotak. Ovako određujete koliko prostora će zauzimati svaki segment boje. Evo primjera koda sa ovim parametrima:
  pozadina: linearni gradijent (#93B874 10%, #C9DCB9 70%, #000000 90%);
- Dodajte prozirnost boji. U tom slučaju će postepeno nestati. Da biste postigli efekat blijeđenja, koristite istu boju. Da biste postavili boju, potrebna vam je funkcija rgba(). Posljednja vrijednost definira transparentnost: 0 je neprozirna boja, a 1 je prozirna boja.
  pozadina: linearni gradijent (na desno, rgba (147, 184, 116, 0), rgba (147, 184, 116, 1));

Pregledajte kod. Kod za kreiranje gradijenta boje kao pozadine web stranice izgledao bi otprilike ovako:

< html > < head > < style >html ( min-height : 100 % ; ) body ( pozadina : -webkit- linear-gradient (lijevo , #93B874 , #C9DCB9 ); pozadina: -o- linear-gradient (desno , #93B874 , #C9DCB9 ); pozadina: -moz- linearni gradijent (desno , #93B874 , #C9DCB9 ); pozadina: linearni gradijent (desno , #93B874 , #C9DCB9 ); boja pozadine: #93B874 ;) < body >

Uputstvo

Stavite zaglavlja različitim nivoima između odgovarajućih oznaka otvaranja i zatvaranja, ako to već nije urađeno u izvornom kodu web stranice. Na primjer, najvažniji naslov (prvi nivo) bi trebao biti između oznaka

i

header

Podnaslov sljedećeg najvažnijeg nivoa treba staviti između oznaka

i

itd. Poslednji od predviđenih nivoa je šesti -

i

Stavite u zaglavlje izvornog koda (između oznaka i) instrukcija koja govori pregledniku posjetitelja da je ovo lokacija CSS stilova:

Ubacite između uvodnih i završnih oznaka stila opise stilova za naslove svakog nivoa, izgled koje želite da promenite. Na primjer, ako želite promijeniti samo izgled naslova prvog nivoa, onda bi ovaj kod mogao izgledati ovako: Ovdje h1 označava da je opis u kovrčave zagrade odnosi se na h1 tag i naziva se "selektor". Parametar boje specificira boju teksta, parametar font-size specificira veličinu fonta, font-style sa kurzivnom vrijednošću specificira kurziv stil slova, font-weight sa podebljanom vrijednošću - , margin-top - , margina -donja - donja margina. Za naslove drugog nivoa, morate dodati sličan blok sa h2 selektorom, itd.

Koristite skraćenu sintaksu ako trebate opisati mnogo nivoa. Na primjer, opisi fontova se mogu staviti u jedan parametar, kao i opisi uvlačenja. uzorak: U parametru margine, uvlake moraju biti navedene u smjeru kazaljke na satu, počevši od gornje uvlake, kroz razmak (gore desno, dolje lijevo).

Povezani video zapisi

Trebaće ti

Računar, internet, pristup sadržaju stranice.

Uputstvo

Ako su se vaši prioriteti promijenili, a to je utjecalo na teme stranice, obavezno odrazite promjenu u naslovu. Prilikom odabira novog imena, planirajte tako da naziv stranice može postati brend, ako ne za svijet, onda barem za redovne čitatelje resursa. Općenito, "kako nazoveš jahtu, tako će i plutati."

Odlučite da li ćete donijeti Ime domena u skladu sa naslovom. Ovo nije neophodno ako se uklapaju. Usput, imajte to na umu kada birate novi naslov. Na kraju krajeva, promjena domene je teža. Osim toga, on je taj koji povezuje stranicu s posjetiteljima.

Promijenite naslov na stranici. Moderne besplatne platforme i razni graditelji web stranica po pravilu imaju jednostavnu vizualnu kontrolu koja ne zahtijeva poznavanje programskih jezika. Prijavite se na kontrolnu tablu svoje stranice kao administrator.

Pronađite na stranici koja otvara karticu pod nazivom "Opcije" ili "Postavke" ili "Općenito". I tamo potražite okvir "Naziv web-stranice" u koji možete unijeti tekst.

Unesite svoje novo ime u ovo polje. Obavezno kliknite na dugme za spremanje, koje se na različitim web mašinama naziva drugačije - „Sačuvaj“, „Objavi“, „Ažuriraj“.

Oznaka se koristi za promjenu fonta. sa atributom FACE. Možete odrediti font po imenu (Arial, Tahoma, Verdana) ili tipu (na primjer, monospace). Preporučljivo je navesti nekoliko naziva fontova kako biste izbjegli situaciju da se ispostavi da korisnik nije instalirao traženi font. Preporučujem da se "boduje" barem jedan od opšteprihvaćenih fontova (na primjer, Arial). Ne preporučujem korištenje više od 2-3 različita fonta na jednoj stranici, inače će stranica izgledati nespretno i neprofesionalno.

primjer:

Promjena veličine fonta html stranice

Atribut SIZE se koristi za promjenu veličine fonta. Što je font veći, tekst se lakše čita. ali, mali font omogućava vam da stavite više informacija na ekran. Korištenje zadanog atributa s oznakom , možete promijeniti veličinu teksta cijele web stranice. Korištenje atributa SIZE s oznakom , možete utjecati na izgled jednog dijela teksta. Na raspolaganju je 7 veličina fonta. Najmanji je označen brojem 1, a najveći je označen brojem 7.

Možete promijeniti font koristeći oznake i . povećava font navedenog fragmenta u odnosu na prethodni tekst, i , odnosno smanjuje.

Promjenom veličine pojedinačnih slova možete postići zanimljive efekte. Na primjer, na ovaj način možete dobiti kapu - uvećano veliko slovo početka pasusa.

primjer:

Odabir boje fonta html stranice

Prikazivanje dijelova teksta web stranice u različitim fontovima u boji čini je privlačnom.

Korištenje atributa TEXT u kontekstu oznake , možete promijeniti boju teksta cijele web stranice. Primjena istog atributa COLOR sa oznakom (ima više visok prioritet) omogućava vam interakciju s izgledom jednog dijela teksta.

Da biste promijenili boju teksta, morate znati naziv boje ili njen heksadecimalni kod. Šifra se sastoji od simbola # funte i broja koji predstavlja intenzitet crvene, zelene i plave komponente boje. Samo 16 standardnih boja može se nazvati imenom.

Naziv boja Šifra aqua ##00FFFF crna ##000000 plava ##0000FF fuksija ##FF00FF siva ##808080 zelena ##008000 limeta ##00FF00 kestenjasta ##800000 tamnoplava ##000080 maslinasta ##808080 #808080 FF0000 srebrna ##C0C0C0 teal ##008080 bijela ##FFFFFF žuta ##FFFF00

Vrste zarade putem interneta,
ili na šta ne trošiti vreme

Koje je najbolje mjesto za početak za početnike?
Gdje je novac na internetu ili strategija za zaradu novca na internetu

Upute za kreiranje stranice za 5 minuta. Osnove html-a i izrada web stranice korak po korak

Kako postati web dizajner i naučiti kako kreirati web stranice na visokom nivou.

Kako zaraditi na svojoj stranici, kako promovirati svoju stranicu i ostvariti profit na autopilotu

Imate web stranicu, ali ona ne donosi profit? Pregled usluga monetizacije

Ne znam gde da investiram
ostvariti profit? Ovo je jedinstvena informacija.

Forex općenito. Kako pravilno uložiti svoj kapital ili zaraditi 50$ dnevno na autopilotu

Kako i gdje kupiti domenu i hosting. Kako postaviti stranicu na Internet

Kako prenijeti domenu na drugog registratora da uštedite na obnovi

Nastavljamo da savladavamo html, u trećoj lekciji naše obuke učićemo, odnosno menjamo boje na stranici. A onda sve izgleda nekako dosadno.

Html kod koji već imamo:

Sadržaj moje stranice.

Sada ćemo naučiti mijenjati se na stranici. Da biste odredili koje boje tekst treba da bude, morate uraditi sledeće.

Promijenite oznaku na sljedeći način: text="#FF0000">, odnosno promijeniti html boja i tekst, potrebno je dodati parametar text= i navesti njegovu vrijednost "#FF0000".

Vrijednost parametra određuje boju, tj. "#FF0000" - crvena boja. Ovdje stupa na snagu zakon tri boje.

Na primjer, "#00FF00" je zelena html boja, "#0000FF" je plava boja html teksta. Kada se pomiješaju, ove tri boje formiraju nove nijanse i html boje. Na primjer, "#3715FB".

Pocrvenimo tekst na našoj stranici. Da biste to učinili, primijenite stečeno znanje. Rezultat bi trebao biti sljedeći html kod:

Naslov stranice mog prvog sajta

Sadržaj moje stranice.
Učim kako napraviti web stranicu.

(Novi dijelovi html koda će biti istaknuti plavom bojom)

Trebali biste promijeniti sljedeće >.

Sada ćemo shvatiti kako postaviti html boju pojedinačnih fragmenata teksta. Ako vam je potrebno da dio teksta ima drugu html boju, učinite sljedeće:

Stavite željeni tekst između oznaka . Ovo je novo html tag, to je upareno.

Zatim unesite parametar color= sa vrijednošću "#00FF00", tj. ovako color="#00FF00"> tekst različite boje .

Primijenite znanje na naše html kod i promijenite fragment teksta.

Naslov stranice mog prvog sajta

Sadržaj moje stranice.
Učim kako napraviti web stranicu.

Trebali biste dobiti sljedeće > promjenu.