Kuidas Luua Veebisaiti HTML-i Abil

Kuidas Luua Veebisaiti HTML-i Abil
Kuidas Luua Veebisaiti HTML-i Abil
Anonim

Tänapäeval on Interneti plahvatusliku kasvuga üha enam kasutusel veebitehnoloogiad, eelkõige HTML ja tavalised veebibrauserid. HTML (HyperText Markup Language) on hüperteksti märgistuskeel. See formaat määrab dokumendi välimuse, teksti-, graafika- ja multimeediumteabe vastastikuse paigutuse. Kampaaniad tegelevad saitide loomisega väga suure raha eest. Kuid "html-siltide" abil saate oma kätega luua üsna huvitava veebisaidi.

Kuidas luua veebisaiti HTML-i abil
Kuidas luua veebisaiti HTML-i abil

See on vajalik

  • - brauser;
  • - tekstiredaktor.

Juhised

Samm 1

HTML-failivorming on üsna lihtne. Faili koostamise ja muutmise teostab mis tahes tekstiredaktor. Tulemuste vaatamiseks kasutatakse veebibrauserit. HTML-dokumentide peamine eelis on nende võime omavahel ristviidata. Ristviited aitavad teil kiiresti viidata dokumendile, mis sisaldab lisateavet huvipakkuval teemal, ja seejärel jätkata algtekstiga töötamist. Iga HTML-keelt kasutades kirjutatud dokument koosneb lehe sisust, s.t. tekst ja juhtmärgid - sildid. Kõik HTML-märgendid peavad olema suletud nurksulgudesse. Tavaliselt kasutatakse algus- ja lõpumärgendit. Lõppmärk erineb algsildist kaldkriipsu olemasolu tõttu.

2. samm

Saidi loomise alustamiseks minge tekstiredaktorisse (märkmik).

Seejärel sisestage sildid:

HTML - / HTML - mis tahes HTML-dokumendi esimene ja viimane silt.

HEAD - / HEAD - dokumendipea algus ja lõpp.

TITLE - / TITLE - määrake dokumendi pealkiri (brauseriakna pealkiri).

BODY - / BODY - HTML-dokumendi sisu algus ja lõpp, mis määratleb dokumendi sisu.

3. samm

Järgmisena peate teksti kujundama. Selleks on vaja järgmisi silte:

Hx - / Hx - (x on arv 1–6) kirjeldavad pealkirju kuuel erineval tasemel. Esimese taseme pealkiri on kõige suurem, kuues tase on kõige väiksem.

P - / P - kirjeldage lõiku (silt / P võib puududa).

ALIGN on parameeter, mis määrab lõigu joonduse:

ALIGN = KESK - keskjoondus;

ALIGN = RIGHT - paremjoondus;

ALIGN = LEFT - vasakule joondus.

BR - minge uuele reale ilma lõiku rikkumata.

B - / B - kuvab teksti rasvases kirjas.

I - / I - kuvab teksti kursiivis.

U - / U - allajoonitud tekst.

STRIKE - / STRIKE - läbikriipsutatud tekst.

BLOCKQUOTE - / BLOCKQUOTE - kuvatakse jutumärgid.

SUB - / SUB - kuvab tellimused.

SUP - / SUP - ülaindeksite kuvamine.

TT - / TT - kasutage fikseeritud märgilaiusega fonti.

BIG - / BIG - suurendab praeguse fondi suurust.

VÄIKE - / VÄIKE - praeguse fondi suuruse vähendamine.

BASEFONT SIZE = n - (n on arv vahemikus 1 kuni 7) - fondi suuruse põhiväärtus.

FONT SIZE = + / - n - / FONT - fondi suuruse muutmine.

FONT COLOR = # xxxxxx - FONT - fondi värvi määramine: Aqua - merelaine; Must - must; jne.

BODY - taustavärvi muutmine.

HR - horisontaaljoon, see silt võib kasutada atribuute:

COLOR - joone värv;

SIZE - joone laius pikslites;

WIDTH - joone laius pikslites või protsendina akna laiusest;

ALIGN - joone joondamine;

NOSHADE - varjudeta maalimine;

VARJU - varjuga joonistamine.

4. samm

Kui peate oma saidile lisama loendi, peate sisestama sildid:

UL - / UL - korrastamata loend (loetelu, järjestus puudub):

LI - loendiüksuse määratlus;

TYPE on parameeter, mis määrab loenditähise:

TYPE = CIRCLE - markerina kasutatakse ringi;

TYPE = DISK - markerit kasutatakse punktina;

TÜÜP + Ruut - markerina kasutatakse ruutu.

OL - / OL - nummerdatud loend:

TYPE on parameeter, mis määrab loendi tüübi:

TYPE = A - loendinumbritena kasutatakse ladina väiketähti;

TYPE = a - loendiloendajatena kasutatakse väikeseid ladina tähti;

TYPE = I - loendinumbritena kasutatakse suuri rooma numbreid;

TYPE = i - loendinumbritena kasutatakse väikseid rooma numbreid;

START on parameeter, mis määrab loendi algusnumbri.

DL - / DL - loetelu koos selgitustega:

DT - loendiüksuse tähistamine;

DD on loendiüksuse selgitus.

5. samm

Et teie sait ei piirduks ühe lehega, looge mitu. Navigeerimiseks vajate hüperlinke, mis on määratletud järgmiste siltidega:

A HREF = URL - / A - lisab dokumendile lingi (siltide vahele peate sisestama lingi teksti).

HREF - lehe või ressursi aadress;

URL - ühtne ressursiaadress: servis: // server [: port] [/path]:

teenus - protokolli nimi (HTTP - juurdepääs HTML-dokumendile, FTP-taotlus failile FTP-serverilt, FILE-juurdepääs

fail kohalikus masinas);

server - ressursi nime täpsustamine;

port - pordi number, millel veebiserver töötab;

tee on kataloog, kus ressurss asub.

A HREF = # järjehoidja nimi - / A - sisestage kohalik link (siltide vahele peate sisestama lingi teksti).

NIMI = järjehoidja nimi - / A - määrake järjehoidja, millele link tehakse.

6. samm

Selleks, et sait poleks igav, on vajalik graafiline disain. Selleks kasutage silte:

BODY BACKGRAOUND = "faili_nimi" - määrab taustaks kasutatava pildi.

IMG SRC = "faili nimi" - sisestage graafiline fail HTML-dokumenti, see silt kasutab parameetreid:

ALT = "tekstistring" - määratleb tekstistringi, mida kuvatakse graafilise pildi asemel, kui brauser on keelanud graafika automaatse laadimise;

HEIGHT, WIDTH - pildi kõrgus ja laius pikslites;

HPACE, VSPACE - vaba ruumi laius, mis eraldab graafikat tekstist horisontaalselt ja vertikaalselt;

ALIGN - teksti joondamine graafika suhtes.

7. samm

Ja viimane asi, mida peate tegema, on tekstifaili salvestamine *.html-vormingus ja seejärel selle käivitamine brauseri abil. Sait on valmis.

Soovitan: