Kako napraviti statičnu web stranicu

...

Internet: to je mjesto za biti.

Ako je jedan izum potpuno promijenio svijet tijekom našeg života, onda je to Internet. Sve više i više ljudi želi prisutnost na webu izvan one koju nude društvene mreže: žele web prostor koji će nazvati svojim. Glavne web stranice postaju sve složenije i koriste žargon koji zastrašuje početnike kao što su Flash, CSS, perl i JavaScript, ali ne bojte se. Četiri jednostavna slova mogu svakome dopustiti da u tren oka dođe na web: HTML. Slova označavaju jezik za označavanje hiperteksta, programski jezik koji koristi niz oznaka za stvaranje statične web stranice. Što više oznaka znate, više možete učiniti sa statičnom web-stranicom.

Korak 1

Napravite osnovni kostur statične web stranice kopiranjem sljedećeg koda u jednostavan uređivač teksta, kao što je Notepad:

Video dana

Zatim spremite datoteku kao index.html (zadani naziv glavne stranice) i otvorite je u svom pregledniku. Ne biste trebali vidjeti ništa jer ste stvorili praznu web stranicu.

Sve te oznake imaju značenje. Oznaka govori pregledniku da se otvara web stranica. je mjesto gdje sve vrste informacija mogu otići za tražilice. znači da će dio koji će ljudi vidjeti upravo početi.

Korak 2

Zamislite HTML kao dvije glavne vrste oznaka (bitovi koda unutar zagrada). Jedan govori pregledniku da počne nešto raditi, a drugi mu kaže da prestane.

Podebljajte ovaj tekst

Sve poslije -- početna oznaka -- bit će podebljana dok ne dosegne -- završna oznaka. "/" govori pregledniku da se zaustavi.

Korak 3

Dodajte tekst na svoju web stranicu. Upišite "Ovo je moja web stranica" u tijelo web stranice, između i. Spremite stranicu i pogledajte je u pregledniku. Rezultat je lijep, ali ne previše uzbudljiv. Pokušajte s nekoliko drugih oznaka kako biste to začinili. Na primjer, podebljava tekst; čini tekst kurzivom; omogućuje promjenu veličine fonta, od 1 (najmanji) do 6 (najveći); čini tekst crvenim (ili bilo kojom drugom bojom koju unesete);

centrira tekst (ili sliku) na stranicu.

Pokušajte upotrijebiti nekoliko ovih oznaka na istom bloku teksta. Možete napraviti bilo koju kombinaciju koju želite.

Također možete dodati razmak između elemenata na svojoj stranici tako što ćete između njih staviti sljedeće:

za prijelom odlomka;
za prijelom reda;


za stvaranje prijeloma s crtom preko web stranice.

4. korak

Dodajte slike na svoju stranicu. Učinite to pomoću oznake i zamijenite web-adresu u tom primjeru lokacijom slike koju želite koristiti. Ovo je jedna od rijetkih oznaka koja nema završnu oznaku. Slike se također mogu centrirati, baš kao i tekst.

Korak 5

Napravite vezu na drugu web stranicu. To se radi s oznakom Kliknite ovdje. Taj kod čini riječi "Kliknite ovdje" vezom na drugu web stranicu. Umjesto teksta, možete koristiti sliku kao vezu pomoću koda .

Savjet

Koristeći ove HTML kodove zajedno, možete stvoriti statične web stranice bilo koje složenosti koju želite.

Zamislite HTML oznake kao okvire unutar okvira ili one ruske lutke. To se zove ugniježđenje i sve održava uredno i lako za čitanje. Na primjer, tekst postavljen između

i
bit će podebljano, u kurzivu i u sredini. The
kutija je unutar kutija koja se nalazi unutar kutija.