Căutați antetul „html”. Ar trebui să fie în partea de sus a documentului.

Amintiți-vă sintaxa de bază pentru acest proces. Pentru a crea un gradient, trebuie să cunoașteți două valori: punctul de pornire/unghiul și gama de culori care se vor amesteca una cu cealaltă. Puteți selecta mai multe culori pentru a se amesteca între ele; de asemenea, puteți specifica direcția sau unghiul tranziției.

fundal: gradient liniar (direcție/unghi, culoare1, culoare2, culoare3 și așa mai departe);

Creați un gradient vertical. Dacă nu specificați o direcție, gradientul va merge de sus în jos. Pentru a crea un astfel de gradient, introduceți următorul cod între etichete :

html ( înălțime minimă : 100 % ; ) corp ( fundal : -webkit- gradient liniar (#93B874 , #C9DCB9 ); fundal : -o- gradient-liniar (#93B874 , #C9DCB9 ); fundal: -moz- liniar -gradient (#93B874, #C9DCB9); fundal: gradient liniar (#93B874, #C9DCB9); culoare de fundal: #93B874; )

• Funcțiile de gradient sunt implementate diferit în diferite browsere, așa că trebuie adăugate mai multe versiuni ale codului.

1. Creați un gradient direcțional. Dacă nu doriți ca gradientul să meargă pe verticală, specificați direcția tranziției culorii. Pentru a face acest lucru, introduceți următorul cod între etichete :

   html ( înălțime minimă : 100 % ; ) corp ( fundal : -webkit- gradient liniar (stânga , #93B874 , #C9DCB9 ); fundal : -o- gradient-liniar (dreapta , #93B874 , #C9DCB9 ); fundal : -moz- gradient liniar (dreapta , #93B874 , #C9DCB9 ); fundal : gradient liniar (spre dreapta , #93B874 , #C9DCB9 ); culoarea fundal: #93B874 ; )

   • Dacă doriți, rearanjați cuvintele „stânga” (stânga) și „dreapta” (dreapta) pentru a experimenta diferite direcții ale gradientului.

2. Utilizați alte proprietăți pentru a personaliza gradientul. Poți face cu el mai mult decât crezi.

   • De exemplu, după fiecare culoare, puteți introduce un număr ca procent. Acesta este modul în care specificați cât spațiu va ocupa fiecare segment de culoare. Iată un exemplu de cod cu acești parametri:

     fundal: gradient liniar (#93B874 10%, #C9DCB9 70%, #000000 90%);

   • Adăugați transparență culorii. În acest caz, se va estompa treptat. Pentru a obține efectul de estompare, utilizați aceeași culoare. Pentru a seta culoarea, aveți nevoie de funcția rgba(). Ultima valoare definește transparența: 0 este o culoare opac și 1 este o culoare transparentă.

     fundal: liniar-gradient (la dreapta, rgba (147, 184, 116, 0), rgba (147, 184, 116, 1));

Examinați codul. Codul pentru a crea un gradient de culoare ca fundal al unei pagini web ar arăta cam așa:

< html > < head > < style >html ( înălțime minimă : 100 % ; ) corp ( fundal : -webkit- gradient liniar (stânga , #93B874 , #C9DCB9 ); fundal : -o- gradient-liniar (dreapta , #93B874 , #C9DCB9 ); fundal : -moz- gradient liniar (dreapta , #93B874 , #C9DCB9 ); fundal : gradient liniar (spre dreapta , #93B874 , #C9DCB9 ); culoarea fundal: #93B874 ; ) < body >

Instruire

Pune anteturile diferite niveluriîntre etichetele de deschidere și de închidere corespunzătoare, dacă nu a fost deja făcută în codul sursă al paginii web. De exemplu, cel mai important titlu (primul nivel) ar trebui să fie între etichete

și

:

antet

Subtitlul următorului nivel cel mai important ar trebui plasat între etichete

și

etc. Ultimul dintre nivelurile oferite este al șaselea -

și

.

Puneți în antetul codului sursă (între etichete și) o instrucțiune care spune browserului vizitatorului că aceasta este locația foii de stil CSS:

Introduceți între etichetele de stil de deschidere și de închidere descrierile de stil pentru titlurile fiecărui nivel, aspect pe care vrei să-l schimbi. De exemplu, dacă doriți să schimbați doar aspectul titlurilor de la primul nivel, atunci acest cod ar putea arăta astfel: Aici h1 indică faptul că descrierea din acolade se referă la eticheta h1 și se numește „selector”. Parametrul color specifică culoarea textului, parametrul font-size specifică dimensiunea fontului, font-style cu valoarea italic specifică stilul italic al literelor, font-weight cu valoarea bold - , margin-top - , margin -jos - marginea inferioară. Pentru titlurile de al doilea nivel, trebuie să adăugați un bloc similar cu selectorul h2 etc.

Utilizați sintaxa prescurtată dacă aveți nevoie să descrieți o mulțime de niveluri. De exemplu, descrierile fonturilor pot fi plasate într-un singur parametru, precum și descrierile indentărilor. Probă:În parametrul margine, indentările trebuie specificate în sensul acelor de ceasornic, începând de la indentarea de sus, printr-un spațiu (dreapta sus, stânga jos).

Videoclipuri similare

Vei avea nevoie

• Computer, internet, acces la conținutul site-ului.

Instruire

Dacă prioritățile dvs. s-au schimbat și acest lucru a afectat temele site-ului, asigurați-vă că reflectați modificarea în titlu. Atunci când alegeți un nume nou, planificați astfel încât numele site-ului să devină un brand, dacă nu pentru lume, atunci cel puțin pentru cititorii obișnuiți ai resursei. În general, „orice numiți un iaht, așa că va pluti”.

Decideți dacă să aduceți Numele domeniuluiîn conformitate cu titlul. Acest lucru nu este necesar dacă se potrivesc. Apropo, țineți cont de acest lucru atunci când alegeți un nou titlu. La urma urmei, schimbarea domeniului este mai dificilă. În plus, el este cel care conectează site-ul cu vizitatorii.

Schimbați titlul pe site. Platformele gratuite moderne și diverșii creatori de site-uri web au, de regulă, un control vizual simplu care nu necesită cunoștințe de limbaje de programare. Conectați-vă la panoul de control al site-ului dvs. ca administrator.

Găsiți pe pagina care deschide o filă numită „Opțiuni” sau „Setări” sau „General”. Și acolo căutați caseta „Nume site”, unde puteți introduce text.

Introdu noul tău nume în această casetă. Asigurați-vă că faceți clic pe butonul de salvare, care este numit diferit pe diferite motoare web - „Salvare”, „Publicare”, „Actualizare”.

Eticheta este folosită pentru a schimba fontul. cu atributul FACE. Puteți specifica un font după nume (Arial, Tahoma, Verdana) sau tip (de exemplu, monospace). Este recomandabil să enumerați mai multe nume de fonturi pentru a evita situația în care se dovedește că fontul necesar nu este instalat de utilizator. Recomand să „punctați” cel puțin unul dintre fonturile general acceptate (de exemplu, Arial). Nu recomand să folosiți mai mult de 2-3 fonturi diferite pe o pagină, altfel pagina va arăta neîndemânatică și neprofesională.

Exemplu:

Modificarea dimensiunii fontului unei pagini html

Atributul SIZE este folosit pentru a modifica dimensiunea fontului. Cu cât fontul este mai mare, cu atât textul devine mai ușor de citit. Dar, font mic vă permite să adăugați mai multe informații pe ecran. Folosind atributul dat cu eticheta , puteți modifica dimensiunea textului întregii pagini web. Utilizarea atributului SIZE cu o etichetă , puteți influența aspectul unei singure bucăți de text. Sunt disponibile 7 dimensiuni de font. Cel mai mic este numerotat cu 1, iar cel mai mare este numerotat cu 7.

Puteți schimba fontul folosind etichete și . mărește fontul fragmentului specificat în raport cu textul anterior și , respectiv, reduce.

Schimbând dimensiunea literelor individuale, puteți obține efecte interesante. De exemplu, în acest fel puteți obține un drop cap - o literă majusculă mărită a începutului unui paragraf.

Exemplu:

Alegerea culorii fontului paginii html

Afișarea unor părți din textul unei pagini Web în fonturi de culori diferite îl face atractiv.

Utilizarea atributului TEXT în contextul unei etichete , puteți schimba culoarea textului întregii pagini web. Aplicarea aceluiași atribut COLOR cu o etichetă (are mai mult prioritate ridicată) vă permite să interacționați asupra aspectului unei singure bucăți de text.

Pentru a schimba culoarea textului, trebuie să cunoașteți numele culorii sau codul hexazecimal al acesteia. Codul constă din simbolul lire sterline # și un număr care reprezintă intensitatea componentelor roșii, verzi și albastre ale culorii. Numai 16 culori standard pot fi menționate prin nume.

Nume culoare Cod aqua ##00FFFF negru ##000000 albastru ##0000FF fuchsia ##FF00FF gri ##808080 verde ##008000 lime ##00FF00 maroon ##800000 bleumarin ##000080 olive ##8080000000 ##80800008 FF0000 argintiu ##C0C0C0 teal ##008080 alb ##FFFFFF galben ##FFFF00

Tipuri de câștiguri prin internet,
sau pe ce să nu petreci timpul

Care este cel mai bun loc de a începe pentru începători?
Unde sunt banii pe internet sau o strategie de a face bani online

Instrucțiuni pentru crearea unui site în 5 minute. Bazele html și crearea pas cu pas a unui site web

Cum să devii designer web și să înveți cum să creezi site-uri web la un nivel înalt.

Cum să faci bani pe site-ul tău, cum să-ți promovezi site-ul și să faci profit pe pilot automat

Ai un site web, dar nu face profit? Prezentare generală a serviciilor de monetizare

Nu stiu unde sa investesc
a face profit? Aceasta este o informație unică.

Forex în general. Cum să-ți investești corect capitalul sau să câștigi 50 USD pe zi pe pilot automat

Cum și unde să cumpărați un domeniu și găzduire. Cum să încărcați un site pe Internet

Cum să transferați un domeniu către un alt registrator pentru a economisi la reînnoire

Continuăm să stăpânim html, în a treia lecție a pregătirii noastre, vom studia și anume schimbarea culorilor din pagină. Și apoi totul pare cam plictisitor.

Cod HTML pe care îl avem deja:

Conținutul site-ului meu.

Acum vom învăța să schimbăm pe pagină. Pentru a specifica ce culoare ar trebui să fie textul, trebuie să faceți următoarele.

Schimbați eticheta in felul urmator: text="#FF0000">, adică să se schimbe culoare htmlși text, trebuie să adăugați parametrul text= și să specificați valoarea acestuia „#FF0000”.

Valoarea parametrului determină culoarea, adică „#FF0000” - culoare roșie. Aici intervine legea celor trei culori.

De exemplu, „#00FF00” este culoarea html verde, „#0000FF” este culoarea albastră a textului html. Când sunt amestecate, aceste trei culori formează noi nuanțe și culori html. De exemplu, „#3715FB”.

Să facem textul de pe pagina noastră roșu. Pentru a face acest lucru, aplicați cunoștințele dobândite. Rezultatul ar trebui să fie următorul cod html:

Conținutul site-ului meu.
Învăț cum să creez un site web.

(Noile secțiuni ale codului HTML vor fi evidențiate cu albastru)

Ar trebui să obțineți următoarele > modificate.

Acum să ne dăm seama cum să setăm culoarea html a fragmentelor de text individuale. Dacă aveți nevoie de o parte a textului pentru a avea o culoare html diferită, faceți următoarele:

Includeți textul dorit între etichete . Acesta este nou etichetă html, este împerecheat.

Apoi, introduceți parametrul color= cu valoarea „#00FF00”, adică așa color="#00FF00"> text de culoare diferită .

Aplicați cunoștințele noastre cod htmlși modificați fragmentul de text.

Conținutul site-ului meu.
Învăț cum să creez un site web.

Ar trebui să obțineți următoarea > modificare.

culoare de fundal html

Acum să ne schimbăm culoare de fundal html, pentru aceasta trebuie să setați eticheta parametrul bgcolor= cu valoarea „#494949”, adică bgcolor="#494949" >.

Culoarea de fundal html nu trebuie să fie „#494949”, puteți lua oricare alta.

Să facem o modificare a codului nostru și să schimbăm culoarea de fundal html.

Conținutul site-ului meu.
Învăț cum să creez un site web.

Acum să vedem ce s-a întâmplat > schimbare