Kuinka Luoda Verkkosivusto Html: N Avulla

Sisällysluettelo:

Kuinka Luoda Verkkosivusto Html: N Avulla
Kuinka Luoda Verkkosivusto Html: N Avulla

Video: Kuinka Luoda Verkkosivusto Html: N Avulla

Video: Kuinka Luoda Verkkosivusto Html: N Avulla
Video: Как создать простой статический веб-сайт с помощью HTML 2024, Marraskuu
Anonim

Internetin räjähdysmäisen kasvun myötä verkkotekniikoita, erityisesti HTML-koodia ja tavallisia verkkoselaimia, käytetään yhä enemmän. HTML (HyperText Markup Language) on hypertekstien merkintäkieli. Tämä muoto määrittää asiakirjan ulkonäön, teksti-, kuva- ja multimediatietojen keskinäisen järjestelyn. Kampanjoilla luodaan sivustoja erittäin suurilla rahoilla. Mutta "html-tagien" avulla voit luoda melko mielenkiintoisen verkkosivuston omin käsin.

Kuinka luoda verkkosivusto html: n avulla
Kuinka luoda verkkosivusto html: n avulla

Se on välttämätöntä

  • - selain
  • - tekstieditori.

Ohjeet

Vaihe 1

HTML-tiedostomuoto on melko yksinkertainen. Mikä tahansa tekstieditori suorittaa tiedoston kirjoittamisen ja tekemisen muutoksiin. Verkkoselainta käytetään tulosten tarkasteluun. HTML-asiakirjojen tärkein etu on niiden kyky viitata toisiinsa. Ristiviittausten avulla voit nopeasti viitata asiakirjaan, jossa on lisätietoja kiinnostavasta aiheesta, ja jatka sitten lähdetekstin käsittelyä. Kaikki HTML-kielellä kirjoitetut asiakirjat koostuvat sivun sisällöstä, ts. teksti ja ohjausmerkit - tunnisteet. Kaikkien HTML-tunnisteiden on oltava sulkeissa. Tyypillisesti käytetään aloitus- ja lopputunnistetta. Lopputunniste eroaa alkutunnisteesta vinoviivalla.

Vaihe 2

Aloita sivuston luominen siirtymällä tekstieditoriin (muistilehtiö).

Kirjoita sitten tunnisteet:

HTML - / HTML - minkä tahansa HTML-asiakirjan ensimmäinen ja viimeinen tunniste.

HEAD - / HEAD - asiakirjapään alku ja loppu.

TITLE - / TITLE - aseta asiakirjan otsikko (selainikkunan otsikko).

BODY - / BODY - HTML-dokumentin rungon alku ja loppu, joka määrittelee asiakirjan sisällön.

Vaihe 3

Seuraavaksi sinun on muotoiltava teksti. Tämä edellyttää seuraavia tunnisteita:

Hx - / Hx - (x on numero 1-6) kuvaa otsikoita kuudella eri tasolla. Ensimmäisen tason otsikko on suurin, kuudes taso on pienin.

P - / P - kuvaa kappaletta (/ P-tunniste voi puuttua).

ALIGN on parametri, joka määrittää kappaleen kohdistuksen:

ALIGN = CENTER - keskitys keskelle;

ALIGN = OIKEA - oikea suuntaus;

ALIGN = LEFT - vasemmalle tasaus.

BR - siirry uudelle riville rikkomatta kappaletta.

B - / B - näyttää tekstin lihavoituna.

I - / I - näyttää tekstin kursiivilla.

U - / U - alleviivattu teksti.

STRIKE - / STRIKE - yliviivattu teksti.

BLOCKQUOTE - / BLOCKQUOTE - näyttää lainausmerkit.

SUB - / SUB - näyttää tilaukset.

SUP - / SUP - yläindeksien näyttö.

TT - / TT - käytä kirjasinta, jolla on kiinteä merkkileveys.

BIG - / BIG - suurentaa nykyisen kirjasimen kokoa.

SMALL - / SMALL - pienentää nykyisen kirjasimen kokoa.

BASEFONT SIZE = n - (n on luku välillä 1–7) - fontin koon perusarvo.

FONT SIZE = + / - n - / FONT - muuta kirjasinkokoa.

FONT COLOR = # xxxxxx - FONT - fontin värin asettaminen: Aqua - sea wave; Musta - musta; jne.

BODY - muuta taustaväriä.

HR - vaakasuora viiva, tämä tunniste voi käyttää määritteitä:

COLOR - viivan väri;

SIZE - viivan leveys pikseleinä;

WIDTH - viivan leveys pikseleinä tai prosenttiosuutena ikkunan leveydestä;

ALIGN - linjan suuntaus;

NOSHADE - maalaaminen ilman varjoa;

SHADE - piirustus varjolla.

Vaihe 4

Jos haluat lisätä minkä tahansa luettelon sivustoosi, sinun on annettava tunnisteet:

UL - / UL - järjestämätön luettelo (luettelo, ei järjestystä):

LI - luettelokohdan määritelmä;

TYPE on parametri, joka määrittää luettelomerkin:

TYPE = CIRCLE - ympyrää käytetään merkkiaineena;

TYPE = DISK - pistettä käytetään merkkiaineena;

TYYPPI + NELIÖ - neliötä käytetään merkkinä.

OL - / OL - numeroitu luettelo:

TYPE on parametri, joka määrittää luettelon tyypin:

TYPE = A - isoja latinalaisia kirjaimia käytetään luettelonumeroina;

TYPE = a - pieniä latinalaisia kirjaimia käytetään luetteloiden luetteloijina;

TYPE = I - suuria roomalaisia numeroita käytetään luettelonumeroina;

TYPE = i - pieniä roomalaisia numeroita käytetään luettelonumeroina;

START on parametri, joka määrittää luettelon aloitusnumeron.

DL - / DL - luettelo selityksineen:

DT - luettelokohteen nimeäminen;

DD on selitys luettelokohteelle.

Vaihe 5

Luo useita, jotta sivustosi ei rajoitu yhdelle sivulle. Navigointiin tarvitaan hyperlinkkejä, jotka määritetään seuraavilla tunnisteilla:

A HREF = URL - / A - lisää linkin asiakirjaan (tunnisteiden väliin on syötettävä linkkiteksti).

HREF - sivun tai resurssin osoite;

URL - yhtenäinen resurssiosoite: servis: // palvelin [: portti] [/polku]:

palvelu - protokollan nimi (HTTP - pääsy HTML-asiakirjaan, FTP-pyyntö tiedostolle FTP-palvelimelta, FILE-yhteys

tiedosto paikalliselle koneelle);

palvelin - määritetään resurssin nimi;

portti - porttinumero, jolla verkkopalvelin on käynnissä;

polku on hakemisto, jossa resurssi sijaitsee.

A HREF = # kirjanmerkin nimi - / A - lisää paikallinen linkki (tunnisteiden väliin täytyy kirjoittaa linkin teksti).

A NAME = kirjanmerkin nimi - / A - aseta kirjanmerkki, johon linkki tehdään.

Vaihe 6

Graafinen suunnittelu on välttämätöntä, jotta sivusto ei olisi tylsää. Voit tehdä tämän käyttämällä tunnisteita:

BODY BACKGRAOUND = "tiedostonimi" - asettaa taustana käytettävän kuvan.

IMG SRC = "tiedostonimi" - lisää graafinen tiedosto HTML-dokumenttiin, tämä tunniste käyttää parametreja:

ALT = "tekstimerkkijono" - määrittää tekstimerkkijonon, joka näytetään graafisen kuvan sijasta, jos selain on poistanut mahdollisuuden ladata grafiikkaa automaattisesti;

KORKEUS, LEVEYS - kuvan korkeus ja leveys pikseleinä;

HPACE, VSPACE - vapaan tilan leveys, joka erottaa grafiikan tekstistä vaaka- ja pystysuunnassa;

ALIGN - tekstin kohdistaminen grafiikkaan nähden.

Vaihe 7

Viimeinen asia, joka sinun on tehtävä, on tallentaa tekstitiedosto *.html-muodossa ja käynnistää se sitten selaimellasi. Sivusto on valmis.

Suositeltava: