Kako ustvariti preprosto spletno stran z beležnico: 15 korakov

Kazalo:

Kako ustvariti preprosto spletno stran z beležnico: 15 korakov
Kako ustvariti preprosto spletno stran z beležnico: 15 korakov

Video: Kako ustvariti preprosto spletno stran z beležnico: 15 korakov

Video: Kako ustvariti preprosto spletno stran z beležnico: 15 korakov
Video: ComfyUI Tutorial - How to Install ComfyUI on Windows, RunPod & Google Colab | Stable Diffusion SDXL 2024, Maj
Anonim

Vsak dan dostopamo do različnih spletnih mest. Vendar se včasih vprašamo, ali je težko ustvariti lastno spletno stran? V tem članku vas bomo vodili k ustvarjanju preproste spletne strani HTML z beležnico.

Korak

Metoda 1 od 1: Ustvarjanje lastne spletne strani

Ustvarite preprosto spletno stran z beležnico 1. korak
Ustvarite preprosto spletno stran z beležnico 1. korak

Korak 1. Odprite Beležnico

Ta urejevalnik besedil je vgrajen program, ki je na voljo v vsakem računalniku z operacijskim sistemom Windows in ga najdete v meniju Start. Ko se odpre Beležnica, kliknite Datoteka> Shrani kot, nato v stolpcu Vrsta datoteke izberite Vse datoteke. Ustvarjeno datoteko shranite v obliki HTML. Na splošno ima glavna stran spletnega mesta ime datoteke "index.html" in vsebuje povezave do vseh strani na spletnem mestu.

Ustvarite preprosto spletno stran z beležnico 2. korak
Ustvarite preprosto spletno stran z beležnico 2. korak

Korak 2. Razumeti HTML

Oznaka (oznaka) v HTML (jezik za označevanje hiperteksta) je v.

Te oznake služijo za izdelavo vaše spletne strani. Če želite končati kodo HTML, uporabite končno oznako, na primer. Zaključna oznaka je uporabna za zapiranje različnih oznak, na primer krepkih ali odstavkov.

Ustvarite preprosto spletno stran z beležnico 3. korak
Ustvarite preprosto spletno stran z beležnico 3. korak

Korak 3. Zaženite svojo spletno stran tako, da na vrh datoteke vstavite oznako

Ustvarite preprosto spletno stran z beležnico 4. korak
Ustvarite preprosto spletno stran z beležnico 4. korak

Korak 4. Z oznakami vnesite različne podatke

Oznake so uporabne za nastavitev naslova strani, medtem ko se (neobvezno) oznake uporabljajo za vnos razlage vsebine spletne strani. Znak bodo nato prebrali iskalniki, na primer Google.

Ustvarite preprosto spletno stran z beležnico 5. korak
Ustvarite preprosto spletno stran z beležnico 5. korak

Korak 5. Ko vnesete oznako, naslovite stran z oznako, na primer wikiHow HTML

Ustvarite preprosto spletno stran z beležnico 6. korak
Ustvarite preprosto spletno stran z beležnico 6. korak

Korak 6. Dokončajte glavo spletnega mesta z znakom

Ustvarite preprosto spletno stran z beležnico 7. korak
Ustvarite preprosto spletno stran z beležnico 7. korak

Korak 7. Z oznakami vnesite vsebino strani

Upoštevajte, da brskalniki ne podpirajo vseh barv. Na primer, temno siva morda ni podprta.

Ustvarite preprosto spletno stran z beležnico 8. korak
Ustvarite preprosto spletno stran z beležnico 8. korak

Korak 8. Vnesite vsebino spletne strani med

Na primer, začnite z ustvarjanjem glave spletnega mesta. Glava spletnega mesta je del spletnega mesta z velikimi črkami in je označen z znakom

dokler

. Podpiši

lahko uporabite za ustvarjanje glave spletnega mesta z največjo velikostjo pisave. Poskusite uporabiti znak tik pod znakom, na primer

Dobrodošli na moji strani

. Zaprite znak

na koncu stavka.

Ustvarite preprosto spletno stran z beležnico 9. korak
Ustvarite preprosto spletno stran z beležnico 9. korak

Korak 9. Na strani ustvarite odstavek z oznako

Na primer, napišite

Odstavek test!

Če želite ustvariti novo vrstico, uporabite znak

ali prelomi.

Ustvarite preprosto spletno stran z beležnico Korak 10
Ustvarite preprosto spletno stran z beležnico Korak 10

Korak 10. Zagotovo ne želite, da ustvarjena spletna stran vsebuje samo navadno besedilo

Za oblikovanje besedila na spletnih straneh uporabite naslednje zastavice: krepko besedilo, poševno besedilo in podčrtavanje. Ko uporabite zgornji znak, ga ne pozabite zapreti!

Ustvarite preprosto spletno stran z beležnico Korak 11
Ustvarite preprosto spletno stran z beležnico Korak 11

Korak 11. Dodajte sliko z znakom

Image
Image

za polepšanje spletnega mesta in dodajanje informacij, ki jih ni mogoče pojasniti v besedilni obliki.

Podpiši

Ustvarite preprosto spletno stran z beležnico Korak 13
Ustvarite preprosto spletno stran z beležnico Korak 13

za delovanje potrebuje določene podatke. Celotna skladnja znaka

lahko ima tako obliko:.

Parameter src v znaku služi za zapis imena slikovne datoteke, funkcija width in height pa za opis dolžine in širine.

Korak 12. Ustvarite povezavo, ki vodi do druge strani z, na primer Druga stran

Besedilo na sredini oznake je besedilo, ki se bo pojavilo na strani, medtem ko parameter href vsebuje ciljno stran. S povezavami se lahko obiskovalci enostavno premaknejo na različne strani vašega spletnega mesta.

Korak 13. Ko končate z izpolnjevanjem spletnega mesta, stran zaprite tako, da zaprete

Končno zaprite kodo HTML z

Ustvarite preprosto spletno stran z beležnico Korak 14
Ustvarite preprosto spletno stran z beležnico Korak 14

Korak 14. Shranite ustvarjeno spletno stran z razširitvijo.html in jo odprite v svojem najljubšem brskalniku, da jo preizkusite

Ustvarite preprosto spletno stran z beležnico Korak 15
Ustvarite preprosto spletno stran z beležnico Korak 15

Korak 15. Preberite naslednji vodnik za nalaganje svojega spletnega mesta v internet

Nasveti

  • Na internetu obstajajo različna spletna mesta, ki vsebujejo vodnike za ustvarjanje spletnega mesta. W3school je eno mesto z dobrim materialom.
  • Zaprite vsako oznako v datoteki HTML.
  • V prvo vrstico datoteke pred oznako. Ta zastavica označuje, da je datoteka, ki jo ustvarjate, datoteka HTML5.
  • Spremenite pisavo z oznakama pred in po. Zamenjajte "N" z želeno pisavo, na primer "Verdana".
  • Če morate uporabiti kotne oklepaje, uporabite kodo. Medtem, če želite uporabiti znak &, uporabite kodo &.
  • V skladu z vadnicami HTML morate spletne datoteke in mape vedno poimenovati z malimi črkami, brez presledkov in ločil. Medtem ko Windows omogoča vstavljanje presledkov v imena datotek, mnogi ponudniki gostovanja tega ne storijo. Poleg tega vam bo lepo ime datoteke olajšalo upravljanje spletnega mesta.

Priporočena: