Leidke pealkiri "html". See peaks olema dokumendi ülaosas.

Pidage meeles selle protsessi põhisüntaks. Gradiendi loomiseks peate teadma kahte suurust: lähtepunkti / nurka ja värvide vahemikku, mis üksteisega sulanduvad. Saate valida mitu värvi, nii et need sulanduksid üksteisega; saate määrata ka ülemineku suuna või nurga.

taust: lineaarne gradient (suund / nurk, värv1, värv2, värv3 ja nii edasi);

Looge vertikaalne gradient. Kui suunda pole määratud, liigub gradient ülalt alla. Sellise gradiendi loomiseks sisestage siltide vahele järgmine kood :

html (min-kõrgus: 100%;) keha (taust: -webkit- lineaarne gradient (# 93B874, # C9DCB9); taust: -o- lineaarne gradient (# 93B874, # C9DCB9); taust: -moz- lineaarne -gradient (# 93B874, # C9DCB9); taust: lineaarne gradient (# 93B874, # C9DCB9); taustavärv: # 93B874;)

• Erinevad brauserid rakendavad gradiendi funktsioone erinevalt, seega peate oma koodist lisama mitu versiooni.

1. Loo suunaline gradient. Kui te ei soovi, et gradient jookseks vertikaalselt, määrake värvide ülemineku suund. Selleks sisestage siltide vahele järgmine kood :

   html (min-kõrgus: 100%;) keha (taust: -webkit- lineaarne gradient (vasakul, # 93B874, # C9DCB9); taust: -o- lineaarne gradient (paremal, # 93B874, # C9DCB9); taust: -moz- lineaarne gradient (paremal, # 93B874, # C9DCB9); taust: lineaarne gradient (paremale, # 93B874, # C9DCB9); taustavärv: # 93B874;)

   • Kui soovite, vahetage sõnu "vasak" ja "parem", et katsetada gradiendi eri suundi.

2. Kasutage gradiendi reguleerimiseks muid atribuute. Saate sellega teha rohkem, kui arvate.

   • Näiteks saate iga värvi järel sisestada protsendi. See määrab, kui palju ruumi iga värvisegment hõivab. Siin on näidiskood järgmiste parameetritega:

     taust: lineaarne gradient (# 93B874 10%, # C9DCB9 70%, # 000000 90%);

   • Lisage värvile läbipaistvust. Sel juhul kaob see järk-järgult. Pleekumiefekti saavutamiseks kasutage sama värvi. Värvi määramiseks vajate funktsiooni rgba (). Viimane väärtus määrab läbipaistvuse: 0 on läbipaistmatu värv ja 1 on läbipaistev värv.

     taust: lineaarne gradient (paremale, rgba (147, 184, 116, 0), rgba (147, 184, 116, 1));

Vaadake kood üle. Veebilehe taustaks värvigradiendi loomise kood näeks välja umbes selline:

< html > < head > < style >html (min-kõrgus: 100%;) keha (taust: -webkit- lineaarne gradient (vasakul, # 93B874, # C9DCB9); taust: -o- lineaarne gradient (paremal, # 93B874, # C9DCB9); taust: -moz- lineaarne gradient (paremal, # 93B874, # C9DCB9); taust: lineaarne gradient (paremale, # 93B874, # C9DCB9); taustavärv: # 93B874;) < body >

Juhised

Asetage päised erinevad tasemed vastavate ava- ja lõpumärgendite vahel, kui seda pole veebilehe lähtekoodis juba tehtud. Näiteks peaks kõige olulisem pealkiri (esimene tase) olema siltide vahel

ja

:

Pealkiri

Järgmine kõige olulisem alamrubriik tuleks paigutada siltide vahele

ja

jne. Ettenähtud tasemetest viimane on kuues -

ja

.

Asetage lähtekoodi päise ossa (siltide vahele ja) juhis, mis teavitab külastaja brauserit, et CSS-i stiilide kirjeldus asub selles kohas:

Sisestage avamis- ja sulgemislaadisiltide vahele iga taseme pealkirjade stiilide kirjeldus, välimus mida soovite muuta. Näiteks kui teil on vaja muuta ainult esimese taseme pealkirjade välimust, võib see kood välja näha järgmine: Siin näitab h1, et lokkis sulgudes olev kirjeldus viitab märgendile h1 ja seda nimetatakse valijaks. Värviparameeter määrab teksti värvi, fondisuuruse parameeter määrab fondi suuruse, kaldkirjas kirjastiil on tähtede kaldus stiil, fondi kaal paksus kirjas on, margin-top on, margin -alumine on alumine veeris. Teise taseme pealkirjade jaoks lisage sarnane plokk valijaga h2 vms.

Kui kirjeldatavaid tasemeid on palju, kasutage lühendatud süntaksit. Näiteks saab ühte parameetrisse paigutada fondikirjeldused, samuti taande suuruste kirjeldused. Näidis: Veerise parameetris tuleb veerised määrata päripäeva, alustades ülemisest veerist tühiku kaudu (paremal all vasakul).

Seotud videod

Sa vajad

• Arvuti, Internet, juurdepääs saidi sisule.

Juhised

Kui teie prioriteedid muutuvad ja see mõjutab saidi teemasid, kajastage muudatusi kindlasti pealkirjas. Uue nime valimisel arvestage, et saidi nimest võiks saada kui mitte globaalne bränd, siis vähemalt ressursi tavalugejatele. Üldiselt "mida sa nimetad jahiks, nii see ujub."

Otsustage, kas soovite tuua Domeeninimi pealkirja järgi. See ei ole vajalik, kui need sobivad kokku. Muide, pidage seda uue pealkirja valimisel meeles. Lõppude lõpuks on domeeni vahetamine keerulisem. Lisaks ühendab ta saidi külastajatega.

Muutke saidil pealkirja. Kaasaegsetel tasuta platvormidel ja erinevatel veebisaitide koostajatel on reeglina lihtsad visuaalsed juhtnupud, mis ei nõua programmeerimiskeelte tundmist. Minge administraatorina saidi juhtpaneelile.

Leidke lehelt, mis avab vahekaardi "Valikud" või "Seaded" või "Üldine". Ja sealt otsige välja "Saidi nimi", kuhu saate teksti sisestada.

Sisestage sellesse kasti oma uus nimi. Klõpsake kindlasti salvestamisnuppu, mida nimetatakse erinevates veebimootorites erinevalt - "Salvesta", "Avalda", "Värskenda".

Fondi muutmiseks kasutage silti atribuudiga FACE. Fondi saab määrata nime (Arial, Tahoma, Verdana) või tüübi (näiteks monospace) järgi. Soovitav on loetleda mitu fondinime, et vältida olukorda, kui selgub, et vajalik font pole kasutaja poolt installitud. Soovitan "skoorida" vähemalt ühte levinud fontidest (nt Arial). Ma ei soovita ühel lehel kasutada rohkem kui 2-3 erinevat fonti, muidu näeb leht kohmakas ja ebaprofessionaalne välja.

Näide:

HTML -lehe fondisuuruse muutmine

Atribuuti SIZE kasutatakse fondi suuruse muutmiseks. Mida suurem font, seda lihtsam on teksti lugeda. Aga, väike font võimaldab teil ekraanile rohkem teavet mahutada. Kasutades antud atribuuti koos sildiga , saate muuta kogu veebilehe teksti suurust. Atribuudi SIZE kasutamine koos sildiga , saate mõjutada üksiku tekstiosa välimust. Saadaval on 7 fondi suurust. Väikseim on tähistatud numbriga 1 ja suurim on 7.

Fondi saate muuta siltide abil ja . suurendab määratud fragmendi fonti võrreldes eelmise tekstiga ja , vastavalt väheneb.

Üksikute tähtede suurust muutes saate saavutada huvitavaid efekte. Näiteks saab niimoodi saada tilkkorki – lõigu alguse suurendatud suurtäht.

Näide:

Html-lehe fondi värvi valimine

Veebilehe teksti osade kuvamine eri värvi fontides muudab selle atraktiivseks.

Atribuudi TEXT kasutamine sildi kontekstis , saate muuta kogu veebilehe teksti värvi. Kasutades sildiga sama atribuuti COLOR (on rohkem kõrge prioriteet) võimaldab teil suhelda ühe tekstiosa välimusega.

Teksti värvi muutmiseks peate teadma värvi nime või selle kuueteistkümnendsüsteemi koodi. Kood koosneb naela sümbolist # ja numbrist, mis tähistab värvi punase, rohelise ja sinise komponendi intensiivsust. Nime järgi saab viidata ainult 16 standardvärvile.

Värvide nimetus Kood aqua ## 00FFFF must ## 000000 sinine ## 0000FF fuksia ## FF00FF hall ## 808080 roheline ## 008000 lubi ## 00FF00 maroon ## 800000 tumesinine ## 000080 oliiv ## 808000 lilla ## 800080 punane # # FF0000 hõbe ## C0C0C0 sinine ## 008080 valge ## FFFFFF kollane ## FFFF00

Interneti kaudu teenitavate tulude tüübid,
või mille peale pole vaja aega raisata

Mis on parim koht alustamiseks algajatele.
Kus on raha Internetis või strateegia Internetis raha teenimiseks?

Juhised kodulehe loomiseks 5 minutiga. HTML-i põhitõed ja samm-sammult veebisaidi loomine

Kuidas saada veebidisaineriks ja õppida veebisaite kõrgel tasemel looma.

Kuidas oma saidil raha teenida, kuidas oma saiti reklaamida ja autopiloodiga kasumit teenida

Kas teil on veebisait, kuid see pole kasumlik? Ülevaade monetiseerimisteenustest

Sa ei tea, kuhu oma raha investeerida
kasumit teenida? See on ainulaadne teave

Forex üldiselt. Kuidas õigesti investeerida oma kapitali või tulu 50 dollarit päevas autopiloodile

Kuidas ja kust domeeni ja hostimist osta. Kuidas veebisaiti Internetti üles laadida

Kuidas pikendamisel säästmiseks domeen teisele registripidajale üle kanda

Jätkame html-i valdamist, meie koolituse kolmandas tunnis uurime nimelt lehe värvide muutmist. Ja siis tundub kõik kuidagi tuim.

html-kood, mis meil juba on:

Minu saidi sisu.

Nüüd õpime, kuidas lehte muuta. Selleks, et näidata, mis värvi tekst peaks olema, peate tegema järgmist.

Muutke silti järgmisel viisil: text = "# FF0000"> st muuta html värv ja tekst, peate lisama parameetri text = ja määrama selle väärtuse "# FF0000".

Parameetri väärtus määrab värvi, see tähendab "# FF0000" - punane. Siin kehtib kolme värvi seadus.

Näiteks "# 00FF00" on roheline html-värv, "# 0000FF" on sinine html-teksti värv. Segamisel moodustavad need kolm värvi uued toonid ja html-värvid. Näiteks "# 3715FB".

Teeme oma lehel oleva teksti punaseks. Selleks rakendage saadud teadmisi. Selle tulemusena peaksite saama järgmise html-koodi:

Minu saidi sisu.
Käin läbi veebisaidi loomise õppetunde.

(HTML-koodi uued jaotised tõstetakse esile sinisega)

Peaksite muutma järgmist>.

Nüüd mõtleme välja, kuidas määrata üksikute tekstifragmentide html-värvi. Kui soovite, et osa tekstist oleks teistsuguse html-värviga, tehke järgmist.

Pange soovitud tekst siltide vahele ... See on uus html-märgend, see on seotud.

Seejärel sisestage parameeter color = väärtusega "# 00FF00", st nii värv = "# 00FF00"> erinevat värvi tekst .

Rakendame teadmisi meie kohta html kood ja muuta tekstiosa.

Minu saidi sisu.
Käin läbi veebisaidi loomise õppetunnid.

Peaksite saama järgmise> muudatuse.

Html taustavärv

Nüüd muudame html taustavärv, selleks peate märgendisse määrama parameeter bgcolor = väärtusega "# 494949", see tähendab bgcolor = "# 494949">.

HTML -i taustavärv ei pea olema "# 494949", võite kasutada mis tahes muud värvi.

Muudame oma koodi ja muudame html -i taustavärvi.

Minu saidi sisu.
Käin läbi veebisaidi loomise õppetunnid.

Nüüd vaatame, mis juhtus> muuta