Kako stvoriti jednostavnu web stranicu s bilježnicom: 15 koraka

Sadržaj:

Kako stvoriti jednostavnu web stranicu s bilježnicom: 15 koraka
Kako stvoriti jednostavnu web stranicu s bilježnicom: 15 koraka

Video: Kako stvoriti jednostavnu web stranicu s bilježnicom: 15 koraka

Video: Kako stvoriti jednostavnu web stranicu s bilježnicom: 15 koraka
Video: Как перенести фото с iPhone на компьютер 2024, Svibanj
Anonim

Svaki dan pristupamo raznim web stranicama. Međutim, ponekad se pitamo je li teško izraditi vlastitu web stranicu? U ovom članku vodit ćete se pri izradi jednostavne HTML web stranice s Notepadom.

Korak

Metoda 1 od 1: Stvaranje vlastite web stranice

Izradite jednostavnu web stranicu pomoću bilježnice Korak 1
Izradite jednostavnu web stranicu pomoću bilježnice Korak 1

Korak 1. Otvorite Notepad

Ovaj uređivač teksta ugrađeni je program dostupan na svakom računalu sa sustavom Windows i može se pronaći u izborniku Start. Nakon što se Notepad otvori, kliknite Datoteka> Spremi kao, a zatim odaberite Sve datoteke u stupcu Vrsta datoteke. Spremite svoju datoteku u HTML formatu. Općenito, glavna stranica web stranice ima naziv datoteke "index.html" i sadrži veze na sve stranice na web mjestu.

Izradite jednostavnu web stranicu pomoću bilježnice Korak 2
Izradite jednostavnu web stranicu pomoću bilježnice Korak 2

Korak 2. Shvatite HTML

Oznaka (oznaka) u HTML -u (Hypertext Markup Language) je u.

Ove oznake služe za izgradnju vaše web stranice. Za završetak HTML koda upotrijebite završnu oznaku, poput.. Zatvorna oznaka korisna je za zatvaranje različitih oznaka, poput podebljanih oznaka ili oznaka odlomka.

Izradite jednostavnu web stranicu pomoću bilježnice Korak 3
Izradite jednostavnu web stranicu pomoću bilježnice Korak 3

Korak 3. Pokrenite svoju web stranicu umetanjem oznake na vrh datoteke

Izradite jednostavnu web stranicu pomoću bilježnice Korak 4
Izradite jednostavnu web stranicu pomoću bilježnice Korak 4

Korak 4. Pomoću oznaka unesite različite podatke

Oznake su korisne za postavljanje naslova stranice, dok se (izborne) oznake koriste za unos objašnjenja sadržaja web stranice. Znak će tada čitati tražilice, poput Googlea.

Izradite jednostavnu web stranicu pomoću bilježnice Korak 5
Izradite jednostavnu web stranicu pomoću bilježnice Korak 5

Korak 5. Nakon unosa oznake, naslovite stranicu oznakom, na primjer wikiHow HTML

Izradite jednostavnu web stranicu pomoću bilježnice Korak 6
Izradite jednostavnu web stranicu pomoću bilježnice Korak 6

Korak 6. Završite zaglavlje web mjesta pomoću znaka

Izradite jednostavnu web stranicu pomoću bilježnice Korak 7
Izradite jednostavnu web stranicu pomoću bilježnice Korak 7

Korak 7. Pomoću oznaka unesite sadržaj stranice

Imajte na umu da preglednici ne podržavaju sve boje. Na primjer, tamno siva možda neće biti podržana.

Izradite jednostavnu web stranicu pomoću bilježnice Korak 8
Izradite jednostavnu web stranicu pomoću bilježnice Korak 8

Korak 8. Napišite sadržaj web stranice između

Na primjer, počnite stvaranjem zaglavlja web lokacije. Zaglavlje web stranice dio je web stranice velikim slovima i označeno je znakom

do

. Znak

možete koristiti za stvaranje zaglavlja web stranice s najvećom veličinom fonta. Pokušajte upotrijebiti znak odmah ispod znaka, na primjer

Dobro došli na moju stranicu

. Zatvorite znak

na kraju rečenice.

Izradite jednostavnu web stranicu pomoću bilježnice Korak 9
Izradite jednostavnu web stranicu pomoću bilježnice Korak 9

Korak 9. Na stranici stvorite odlomak s oznakom

Na primjer, napišite

Test odlomka!

Za stvaranje nove linije upotrijebite znak, ili pauze.

Izradite jednostavnu web stranicu pomoću bilježnice Korak 10
Izradite jednostavnu web stranicu pomoću bilježnice Korak 10

Korak 10. Sigurno ne želite da web stranica koju kreirate sadrži samo običan tekst

Za oblikovanje teksta na web stranicama upotrijebite sljedeće zastavice: podebljani tekst, kurzivom i podcrtavanjem teksta. Nakon korištenja gornjeg znaka, ne zaboravite ga zatvoriti!

Izradite jednostavnu web stranicu pomoću bilježnice Korak 11
Izradite jednostavnu web stranicu pomoću bilježnice Korak 11

Korak 11. Dodajte sliku sa znakom

Image
Image

za uljepšavanje web stranice i dodavanje informacija koje se ne mogu objasniti u tekstualnom obliku.

Znak

Izradite jednostavnu web stranicu pomoću bilježnice Korak 13
Izradite jednostavnu web stranicu pomoću bilježnice Korak 13

Za rad su potrebne određene informacije. Puna sintaksa znaka

može imati ovakav oblik:.

Parametar src u znaku služi za upis naziva slikovne datoteke, a funkcija width i height za opis duljine i širine.

Korak 12. Izradite vezu koja vodi do druge stranice s, na primjer Druga stranica

Tekst na sredini oznake je tekst koji će se pojaviti na stranici, dok parametar href sadrži odredišnu stranicu. Pomoću veza posjetitelji se mogu lako premjestiti na različite stranice na vašoj web lokaciji.

Korak 13. Kad završite s popunjavanjem web stranice, završite stranicu zatvaranjem

Na kraju, zatvorite HTML kôd pomoću

Izradite jednostavnu web stranicu pomoću bilježnice Korak 14
Izradite jednostavnu web stranicu pomoću bilježnice Korak 14

Korak 14. Spremite stvorenu web stranicu s.html ekstenzijom i otvorite je u svom omiljenom pregledniku da biste je testirali

Izradite jednostavnu web stranicu pomoću bilježnice Korak 15
Izradite jednostavnu web stranicu pomoću bilježnice Korak 15

Korak 15. Pročitajte sljedeći vodič za postavljanje svoje web stranice na internet

Savjeti

  • Na internetu postoje razne web stranice koje sadrže vodiče za izradu web stranice. W3school je jedno mjesto s dobrim materijalom.
  • Zatvorite svaku oznaku u HTML datoteci.
  • Stavite oznaku u prvi redak datoteke, ispred. Ova zastavica označava da je datoteka koju stvarate HTML5 datoteka.
  • Promijenite font s oznakama prije i poslije. Zamijenite "N" s fontom koji želite, na primjer "Verdana".
  • Ako trebate koristiti kutne zagrade, upotrijebite kôd. U međuvremenu, da biste koristili znak &, upotrijebite kôd &.
  • Prema HTML vodičima, web -datotekama i mapama uvijek biste trebali davati mala slova, bez razmaka i interpunkcije. Iako vam Windows dopušta postavljanje razmaka u nazive datoteka, mnogi pružatelji usluga hostinga to ne čine. Osim toga, uredan naziv datoteke olakšat će vam upravljanje vašom web lokacijom.

Preporučeni: