Lag en grunnleggende HTML-side med Notepad i Windows 8

Du erser VisiHow.I denne opplæringen skal vi vise deg hvordan å lage den mest grunnleggende HTML-side du kan lage ganske enkelt ved å bruke Notepad program på din Windows 8 datamaskin.

1. en
   Mouse ned til oppgavelinjen .

   Dette er linjen som går langs bunnen av skjermen.

   Annonse

   Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
2. 2
   Bla til venstre i Windows-knappen og venstre-klikk på den en gang .

   Alternativt kan du trykke på tast på tastaturet Windows.Dette vil åpne Start-menyen.

   Annonse

   Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
3. 3
   Klikk på pilen som peker nedover i nedre venstre .

   Dette vil ta oss til Apps-menyen.La oss søke etter Notepad.

   Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
4. 4
   Klikk i søkefeltet øverst i høyre hjørne .

   Sin bakgrunn vil slå hvitt for å vise at den er aktiv.

   instagram viewer

   Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
5. 5
   Skriv inn "notepad" .

   Som vi skriver, vil søket automatisk begynne å begrense våre alternativer ned, før vi sitter igjen bare med Notepad.

   Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
6. 6
   Klikk "Notisblokk" .

   Dens ikonet er en blå notisblokk.Dette vil starte Notisblokk-programmet.La oss nå skrive inn noen veldig, veldig grunnleggende HTML-koder.

   Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
7. 7
   Type "& lt; html & gt;".

   Dette forteller leseren at dette er en HTML-side.

   Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
8. 8
   Trykk på "Enter" eller "Return" tast på tastaturet en gang .

   Dette starter oss på en ny linje,

   linje 2. Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
9. 9
   Type "& lt; body & gt;".

   Dette forteller leseren at dette er hoveddelen av vår nettside.

   Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
10. 10
    Hit "Enter" eller "Return" igjen .

    Vi er nå på linje 3.

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
11. 11
    Skriv inn litt tekst .

    Vi vil skrive, "VisiHow er Awesome!".Dette er teksten på vår nettside.

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
12. 12
    Hit "Enter" eller "Return" igjen for å få til linje 4 .

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
13. 13
    Type "& lt; / body & gt;".

    Dette er kjent som en avsluttende koden.Dette lukker kroppen delen.Nå gjentar vi dette for HTML-koden.Legg merke til at vi stenger våre koder i motsatt rekkefølge av hvordan vi åpnet dem.En annen måte å tenke på dette er at kodene brakett vårt innhold symmetrisk.

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
14. 14
    Trykk på "Enter" eller "Return" tasten for å få til linje 5 .

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
15. 15
    Type "& lt; / html & gt;".

    Dette lukker HTML-dokumentet.Dette er ikke riktig dannet kode.Vi har en tutorial som forklarer hvordan du formaterer kode riktig, eller i det minste til våre egne standarder, slik at våre nettsteder er lett å lese og leselig for andre mennesker.Men for nå, er vi bare fokusert på å skape en helt enkel nettside.

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
16. 16
    Mouse opp til "File" .

    Det er i øverst til venstre i vinduet.Venstre-klikk på den en gang.

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
17. 17
    Bla ned til "Lagre som. .." og klikk på den .

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
18. 18
    Finn "Lagre som type" -feltet .

    Det er under "File name" feltet, hvor "txt" lyser opp.

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
19. 19
    Klikk på pilen som peker nedover på høyre side av dette feltet for å åpne en rullegardinmeny .

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
20. 20
    Klikk "Alle filer" .

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
21. 21
    Klikk på "File name" feltet for å få en markør .

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
22. 22
    Skriv inn et filnavn .

    Vi vil skrive "visihtml".

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
23. 23
    Skriv inn filtypen .

    Vi vil legge til en periode eller prikk karakter og skriv deretter inn enten "htm" eller "html".Den fullstendige filnavnet vil lese, "visihtml.html".Ettersom dette er en grunnleggende opplæringen, skal vi gå videre og la det som "html" for å gjøre det enkelt å huske hva dette er.

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
24. 24
    Klikk "Lagre" .

    I vår demonstrasjon, vil dette bli lagret på skrivebordet, som vist nær toppen av vinduet.

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
25. 25
    Lukk vinduet ved å klikke på "x" i øvre høyre hjørne av Notepad .

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
26. 26
    Dobbeltklikk på filen fra skrivebordet .

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
27. 27
    Bestem hvordan du åpner filen .

    Vi vil bli spurt: "Hvordan vil du åpne denne filtypen( HTML)?".La oss velge Firefox for denne opplæringen, som det er en av de mer kresen lesere om kode blir formatert riktig.Klikk leseren av valget.

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
28. 28
    Se nettsiden .

    Siden vi laget er en faktisk webside som vi nettopp lansert i nettleseren Firefox.Ours sier: "VisiHow er Awesome!".Lukk Firefox-vinduet når du er klar med den røde "x" øverst i høyre hjørne.

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
29. 29
    Vis filikonet .

    I vår demonstrasjon, har det nå en Firefox-ikonet, noe som indikerer at det er en nettside.

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
30. 30
    Dette avslutter vår tutorial på å lage din første, og mest grunnleggende, web side i Windows 8 med Notepad .

    For flere tips om hvordan du lager en webside eller hvis du har spørsmål, kommentarer eller forslag til oss, kommentar i avsnittet nedenfor eller besøke flere av våre tutorials.Tusen takk for å velge VisiHow, og vi ser frem til å se deg og ditt innhold.Ha en fin dag.

    Var dette trinnet nyttig?Ja |Nei |Jeg trenger hjelp
    Annonse

• Hvis du har problemer med noenav disse trinnene, stille et spørsmål om mer hjelp, eller legge i kommentarfeltet nedenfor.