Kako Izraditi Web Stranicu Pomoću Html-a

Sadržaj:

Kako Izraditi Web Stranicu Pomoću Html-a
Kako Izraditi Web Stranicu Pomoću Html-a

Video: Kako Izraditi Web Stranicu Pomoću Html-a

Video: Kako Izraditi Web Stranicu Pomoću Html-a
Video: Kako napraviti website (osnove html-a) 2024, Svibanj
Anonim

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

Kako izraditi web stranicu pomoću html-a
Kako izraditi web stranicu pomoću html-a

Nužno je

  • - preglednik;
  • - uređivač teksta.

Upute

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 preglednik. 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 pomoću jezika HTML 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 s izradom web mjesta, 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 preglednika).

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

3. korak

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 razina. Naslov prve razine je najveći, šesti nivo najmanji.

P - / P - opisuje odlomak (oznaka / P može biti odsutna).

ALIGN je parametar koji određuje poravnanje stavka:

ALIGN = CENTER - središnje poravnanje;

ALIGN = DESNO - desno poravnanje;

ALIGN = LIJEVO - poravnanje lijevo.

BR - idite na novi redak bez razbijanja odlomka.

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 s fiksnom širinom znakova.

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

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

OSNOVNA VELIČINA = 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 - postavljanje 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 crte u pikselima;

WIDTH - širina crte u pikselima ili kao postotak širine prozora;

ALIGN - poravnanje crte;

NOSHADE - slika bez sjene;

NIJANSA - crtanje sjenkom.

4. korak

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

UL - / UL - neuređeni popis (nabrajanje, bez naručivanja):

LI - definicija stavke popisa;

TIP je parametar koji definira označivač popisa:

TIP = KRUG - krug se koristi kao marker;

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

TIP + KVADRAT - kvadrat se koristi kao marker.

OL - / OL - numerirani popis:

TIP je parametar koji određuje vrstu popisa:

TIP = A - velika latinična slova koristit će se kao brojevi popisa;

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

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 popisa.

DL - / DL - popis s objašnjenjima:

DT - oznaka stavke popisa;

DD je objašnjenje za stavku popisa.

Korak 5

Tako da vaše web mjesto nije ograničeno na jednu stranicu, izradite nekoliko. Za navigaciju potrebne su vam hiperveze koje su definirane sljedećim oznakama:

HREF = URL - / A - umeta 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 datoteku s FTP poslužitelja, FILE pristup

datoteka na lokalnom stroju);

poslužitelj - specificiranje imena resursa;

port - broj porta na kojem je pokrenut web poslužitelj;

path je direktorij u kojem se nalazi resurs.

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

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

Korak 6

Da web mjesto ne bi bilo dosadno, nužan je grafički dizajn. Da biste to učinili, upotrijebite oznake:

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

IMG SRC = "file_name" - umetnite grafičku datoteku u HTML dokument, ova oznaka koristi parametre:

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

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

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

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čeni: