Kako Stvoriti Web Stranicu Koristeći Html

Sadržaj:

Kako Stvoriti Web Stranicu Koristeći Html
Kako Stvoriti Web Stranicu Koristeći Html

Video: Kako Stvoriti Web Stranicu Koristeći Html

Video: Kako Stvoriti Web Stranicu Koristeći Html
Video: Урок 1 - создание простой web-страницы 2024, Novembar
Anonim

Danas, s eksplozivnim rastom Interneta, sve se više koriste web tehnologije, posebno HTML i standardni web pretraživači. HTML (HyperText Markup Language) je hipertekstualni jezik za označavanje. Ovaj format određuje izgled dokumenta, međusobni raspored tekstualnih, grafičkih i multimedijskih informacija. Kampanje se bave izradom web stranica, za vrlo velik novac. Ali uz pomoć "html-tagova" možete svojim rukama stvoriti prilično zanimljivu web stranicu.

Kako stvoriti web stranicu koristeći html
Kako stvoriti web stranicu koristeći html

Neophodno je

  • - Pretraživač;
  • - uređivač teksta.

Instrukcije

Korak 1

HTML format datoteke je prilično jednostavan. Sastavljanje i izmjene datoteke vrši bilo koji uređivač teksta. Za pregled rezultata koristi se web pretraživač. Glavna prednost HTML dokumenata je njihova sposobnost međusobnog upućivanja. Unakrsne reference pomažu vam da se brzo uputite na dokument s dodatnim informacijama o temi koja vas zanima, a zatim nastavite raditi s izvornim tekstom. Bilo koji dokument napisan upotrebom HTML jezika sastoji se od sadržaja stranice, tj. teksta i kontrolnih znakova - oznaka. Sve HTML oznake moraju biti zatvorene u zagrade. Obično se koriste početna i završna oznaka. Završna oznaka razlikuje se od početne oznake prisutnošću kose crte.

Korak 2

Da biste započeli stvaranje web stranice, idite u uređivač teksta (notepad).

Zatim unesite oznake:

HTML - / HTML - prva i zadnja oznaka bilo kojeg HTML dokumenta.

HEAD - / HEAD - početak i kraj glave dokumenta.

TITLE - / TITLE - postavlja naslov dokumenta (naslov prozora pretraživača).

BODY - / BODY - početak i kraj tijela HTML dokumenta, koji definira sadržaj dokumenta.

Korak 3

Dalje, trebate oblikovati tekst. Za to su potrebne sljedeće oznake:

Hx - / Hx - (x je broj od 1 do 6) opisuju naslove na šest različitih nivoa. Naslov prvog nivoa je najveći, šesti nivo najmanji.

P - / P - opišite odlomak (oznaka / P može biti odsutna).

ALIGN je parametar koji određuje poravnanje paragrafa:

ALIGN = CENTER - središnje poravnanje;

ALIGN = DESNO - desno poravnanje;

ALIGN = LIJEVO - poravnanje lijevo.

BR - idite na novi redak bez prekida pasusa.

B - / B - prikazuje tekst podebljano.

I - / I - prikazuje tekst kurzivom.

U - / U - podvučeni tekst.

STRIKE - / STRIKE - precrtani tekst.

BLOCKQUOTE - / BLOCKQUOTE - prikazuje citate.

SUB - / SUB - prikazuje pretplate.

SUP - / SUP - prikaz natpisa.

TT - / TT - koristite font fiksne širine znakova.

BIG - / BIG - povećavanje veličine trenutnog fonta.

SMALL - / SMALL - smanji veličinu trenutnog fonta.

BASEFONT SIZE = n - (n je broj od 1 do 7) - osnovna vrijednost veličine fonta.

VELIČINA FONTA = + / - n - / FONT - promijenite veličinu fonta.

BOJA FONTA = # xxxxxx - FONT - podešavanje boje fonta: Aqua - morski val; Crna - crna; itd.

TIJELO - promijenite boju pozadine.

HR - vodoravna crta, ova oznaka može koristiti atribute:

BOJA - boja linije;

VELIČINA - širina linije u pikselima;

WIDTH - širina linije u pikselima ili kao procenat širine prozora;

ALIGN - poravnanje linija;

NOSHADE - slika bez sjene;

SJENA - crtanje senkom.

Korak 4

Ako na svoju web lokaciju trebate umetnuti bilo koji popis, morate unijeti oznake:

UL - / UL - neuređena lista (nabrajanje, bez naručivanja):

LI - definicija stavke liste;

TIP je parametar koji definira označivač liste:

TIP = KRUG - krug se koristi kao marker;

TIP = DISK - točka se koristi kao marker;

TIP + KVADRAT - kvadrat se koristi kao marker.

OL - / OL - numerirana lista:

TIP je parametar koji specificira vrstu liste:

TIP = A - velika slova latinice koristit će se kao brojevi popisa;

TIP = a - mala latinična slova koristit će se kao popisivači liste;

TIP = I - veliki rimski brojevi koristit će se kao brojevi s popisa;

TIP = i - mali rimski brojevi koristit će se kao brojevi s popisa;

START je parametar koji definira početni broj liste.

DL - / DL - lista s objašnjenjima:

DT - oznaka stavke liste;

DD je objašnjenje za stavku liste.

Korak 5

Da vaša web lokacija ne bude ograničena na jednu stranicu, kreirajte nekoliko. Za navigaciju su vam potrebne hiperveze koje su definirane sljedećim oznakama:

HREF = URL - / A - ubacuje vezu u dokument (između oznaka morate unijeti tekst veze).

HREF - adresa stranice ili resursa;

URL - jedinstvena adresa resursa: servis: // server [: port] [/path]:

usluga - naziv protokola (HTTP - pristup HTML dokumentu, FTP zahtjev za datotekom s FTP servera, FILE pristup

datoteka na lokalnom računaru);

server - specificiranje imena resursa;

port - broj porta na kojem je pokrenut web server;

path je direktorij u kojem se nalazi resurs.

HREF = # naziv oznake - / A - ubacite lokalnu vezu (između oznaka, morate unijeti tekst veze).

A NAME = naziv oznake - / A - postavite oznaku na koju će se povezivati.

Korak 6

Da web stranica ne bi bila dosadna, neophodan je grafički dizajn. Da biste to učinili, upotrijebite oznake:

BODY BACKGRAOUND = "ime_datoteke" - postavlja sliku koja se koristi kao pozadina.

IMG SRC = "ime_datoteke" - umetnite grafičku datoteku u HTML dokument, ovaj tag koristi parametre:

ALT = "tekstualni niz" - definira tekstualni niz koji se prikazuje umjesto grafičke slike ako je pretraživač onemogućio mogućnost automatskog učitavanja grafika;

HEIGHT, WIDTH - visina i širina slike u pikselima;

HPACE, VSPACE - širina slobodnog prostora koji vodoravno i okomito odvaja grafiku od teksta;

ALIGN - poravnanje teksta u odnosu na grafiku.

Korak 7

I posljednje što trebate učiniti je spremiti tekstualnu datoteku u *.html formatu, a zatim je pokrenuti pomoću preglednika. Stranica je spremna.

Preporučuje se: