Kako napraviti HTML web stranicu u Notepadu

Od 1993. godine započelo je nešto što bi potpuno promijenilo način našeg svakodnevnog života, a tada je pokrenut preglednik Mosaic, dajući povoda onome što danas poznajemo kao web stranice. Zašto kažemo da nam to mijenja život jednostavno je jer danas nalazimo više od 1.100 milijuna web stranica sa svim vrstama informacija, dizajna, struktura, jezika i još mnogo toga.

Očito postoje profesionalne, srednje i druge amaterske web stranice, ali sve one imaju svrhu pružiti neku vrstu informacija ljudima koji ih posjećuju. Zato ako želite znati kako izraditi web stranicu danas, Solvetic će na jednostavan način objasniti kako to učiniti, koristeći Notepad i HTML kao programski jezik.

HTML (HyperText Markup Language) je programski jezik koji omogućuje dinamički razvoj web stranica s velikim mogućnostima uređivanja.

1. Kako stvoriti web stranicu u Notepadu

Korak 1
Za pristup bilježnici možemo koristiti bilo koju od sljedećih opcija:

• Upotrijebite tipke Windows + R i izvedite naredbu "Notepad"

• Upotrijebite Cortanu ili okvir za pretraživanje sustava Windows 10.

Korak 2
Nakon što otvorimo bilježnicu, otići ćemo na izbornik Datoteka i tamo odabrati "Spremi kao" ili možemo koristiti tipke Ctrl + Shift + S:

Ctrl + Shift + S

Korak 3
Klikom tamo idemo na put gdje se mora spremiti, a prema zadanim postavkama vidjet ćemo sljedeće:

Korak 4
Kao bilježnica možemo vidjeti da je zadana vrijednost .txt, da bismo to uredili, prikazujemo opcije u polju Vrsta i odabiremo "Sve datoteke". Dodjeljujemo naziv datoteke iza koje slijedi proširenje .html:

Kliknite na "Spremi" da biste primijenili promjene.

2. Pogledajte strukturu web stranice

Korak 1
Nakon što spremimo datoteku s nastavkom .hmtl, vrijeme je za nastavak uređivanja dodavanjem HTML jezične oznake za web stranicu. Za to unosimo sljedeće:

Korak 2
Sada ćemo dodati oznake zaglavlja ili "glave", svrha ovih oznaka je označavanje početka i kraja naslova stranice za stvaranje. Za to ćemo napisati iza oznake "", dvaput pritisnite tipku Enter kako biste ostavili razmak, a zatim ponovno napišite:

Korak 3
Sljedeći korak bit će dodavanje naslova web stranice, koji će se nalaziti između oznaka "" i ide ispod oznaka "head" na sljedeći način. Dodijeljeni naslov bit će onaj koji ćemo vidjeti na kartici preglednika.

Korak 4
Vrijeme je za dodavanje oznaka "body" koje se nalaze ispod oznake, a funkcija tijela je omogućiti kodu web stranice da ide između ovih oznaka i bude vidljiv korisniku:

Korak 5
Sljedeći korak bit će zatvaranje HTML jezične oznake, ovo je posljednja oznaka u datoteci i to je HTML oznaka koja označava kraj stranice. Za to ćemo ispod oznake "" napisati kako bismo zatvorili HTML oznaku:

Promjene spremamo pomoću tipki Ctrl + G ili iz izbornika Datoteka / Spremi.

Korak 6
Vrijeme je za dodavanje elemenata na web stranicu u postupku, svi ti elementi moraju ići iza oznake "" i prije oznake "" tako da budu vidljivi.

Prvi element za dodavanje bit će glavni naslov web stranice, za to unosimo između oznaka "" i unosimo željeni tekst između:

S ovim HTML jezikom možemo koristiti oznake "" do ""kako bi se stvorio tekst zaglavlja s manjim dimenzijama.

Korak 7
Zatim ćemo dodati odlomke na web stranicu, oznake odlomaka su "" i između njih ćemo unijeti tekst web stranice:

Solvetski Internet, mjesto susreta profesionalaca i ljubitelja tehnologije

POVEĆAJTE

Korak 8
Moramo unijeti prijelom odlomka na stranicu
nakon završne oznake retka koju smo dodali, na primjer:

Solvetski Internet, mjesto susreta profesionalaca i ljubitelja tehnologije
n
Zajednica koja će vas iznenaditi i pomoći u više navrata

POVEĆAJTE

BilješkaMožemo dodati oznaku "
Dodatno "za stvaranje razmaka između prvog stavka i drugog.

Korak 9
Sada je vrijeme za formatiranje unesenog teksta kao što je podebljano, kurziv, nadnapis, podnapis ili podcrtavanje, dostupne oznake bit će:

  Podebljan tekst   Kurzivni tekst  Podcrtani tekst  Nadnapisni tekst   Tekst podpisa 

POVEĆAJTE

3. Kako provjeriti valjanost web stranice

Korak 1
Kako bismo potvrdili da sve radi kako se očekuje, idemo na put na koji je spremljena HTML datoteka, desnom tipkom miša kliknite na nju i odaberite Otvori pomoću i odaberite željeni preglednik:

Korak 2
Klikom tamo vidjet ćemo strukturu koju smo stvorili:

POVEĆAJTE

Tako ste jednostavno naučili stvoriti web stranicu u Notepadu sa Solveticom i tako moći stvoriti osnovni web za više zadataka koji vam mogu zatrebati.