Opret en Basic HTML-side med Notepad i Windows 8

Du erser VisiHow.I denne tutorial, vil vi vise dig, hvordan at skabe den mest grundlæggende HTML side kan du oprette blot at bruge Notesblok programmet på din Windows 8 computer.

1. en
   Mouse ned til proceslinjen .

   Dette er den linje, der løber langs bunden af ​​skærmen.

   Annonce

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
2. 2
   Rul til venstre for knappen Windows og venstre-klikke én gang .

   Alternativt skal du trykke på Windows-tastatur nøglen.Dette vil åbne menuen Start.

   Annonce

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
3. 3
   Klik på den nedadgående pil i nederste venstre .

   Dette vil tage os til menuen Apps.Lad os søge efter Notepad.

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
4. 4
   Klik i søgefeltet i øverste højre hjørne .

   instagram viewer

   Dens baggrund bliver hvid for at indikere, at den er aktiv.

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
5. 5
   Indtast "notepad" .

   Som vi skriver, vil søgningen automatisk begynde at indsnævre vores muligheder ned, indtil vi står tilbage kun med Notepad.

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
6. 6
   Klik på "Notepad" .

   Dens ikon er en blå notesblok.Dette vil starte Notepad ansøgningen.Lad os nu skrive i nogle meget, meget grundlæggende HTML-tags.

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
7. 7
   Type "& lt; html & gt;".

   Dette fortæller browseren, at dette er en HTML-side.

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
8. 8
   Hit "Enter" eller "Return" tastatur nøglen én gang .

   Dette starter os på en ny linje, linie 2.

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
9. 9
   Type "& lt; body & gt;".

   Dette fortæller browseren, at dette er kroppen af ​​vores hjemmeside.

   Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
10. 10
    Hit "Enter" eller "Return" igen .

    Vi er nu på linje 3.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
11. 11
    Indtast noget tekst .

    Vi vil skrive, "VisiHow er Awesome!".Dette er teksten på vores hjemmeside.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
12. 12
    Hit "Enter" eller "Return" igen for at komme til linje 4 .

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
13. 13
    Type "& lt; / body & gt;".

    Dette er kendt som en afsluttende tag.Dette lukker kropsektionen.Nu skal vi gentage dette for HTML-tag.Bemærk, at vi lukker vores tags i omvendt rækkefølge, hvordan vi åbnede dem.En anden måde at tænke på dette er, at tags beslag vores indhold symmetrisk.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
14. 14
    Hit "Enter" eller "Return" -tasten for at komme til linje 5 .

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
15. 15
    Type "& lt; / html & gt;".

    Dette lukker HTML-dokumentet.Dette er ikke korrekt dannet kode.Vi har en tutorial der forklarer, hvordan du formaterer koden korrekt, eller i det mindste til vores egne standarder, så vores hjemmesider er let at læse og læselig for andre mennesker.Men for nu, vi bare fokuseret på at skabe en meget grundlæggende webside.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
16. 16
    Mouse op til "File" .

    Det er i øverste venstre hjørne af vinduet.Venstre-klik på det én gang.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
17. 17
    Rul ned til "Gem som. .." og klik på den .

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
18. 18
    Find "Gem som type" feltet .

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

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
19. 19
    Klik den nedadgående pil på den yderste højre side af dette felt for at åbne en rullemenu .

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
20. 20
    Klik på "Alle filer" .

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
21. 21
    Klik på "File name" feltet for at få en markør .

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
22. 22
    Skriv et filnavn .

    Vi vil skrive "visihtml".

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
23. 23
    Indtast filtypen .

    Vi vil tilføje en periode eller prik karakter og indtast derefter enten "htm" eller "html".Det fulde filnavn vil læse, "visihtml.html".Da dette er en grundlæggende tutorial, vil vi gå videre og lade det være som "html" for at gøre det let at huske, hvad det er.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
24. 24
    Klik på "Gem" .

    I vores demonstration, vil dette blive gemt på skrivebordet, som angivet øverst i vinduet.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
25. 25
    Luk vinduet ved at klikke på "x" i øverste højre hjørne af Notepad .

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
26. 26
    Dobbeltklik på filen fra skrivebordet .

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
27. 27
    Beslut hvordan du åbner filen .

    Vi vil blive spurgt: "Hvordan vil du åbne denne type fil( .html)?«.Lad os vælge Firefox til denne tutorial, da det er en af ​​de mere kræsne browsere om kode formateres korrekt.Klik browseren på valg.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
28. 28
    Se websiden .

    Siden vi skabt en faktiske webside, som vi netop lanceret i Firefox-browseren.Vores siger, "VisiHow er Awesome!".Luk vinduet Firefox når du er klar med den røde "x" i øverste højre hjørne.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
29. 29
    View filen ikonet .

    I vores demonstration, det har nu en Firefox-ikon, som angiver, at det er en webside.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
30. 30
    Dette afslutter vores tutorial om at skabe din første og mest grundlæggende, webside i Windows 8 med Notepad .

    finder flere tip til at oprette en webside, eller hvis du har spørgsmål, kommentarer eller forslag til os, kommentar i afsnittet nedenfor eller besøg flere af vores tutorials.Mange tak for at vælge VisiHow, og vi ser frem til at se dig og dit indhold.Hav en god dag.

    Var dette skridt hjælpsom?Ja |ingen |Jeg har brug for hjælp
    Annonce

• Hvis du har problemer med nogenaf disse trin, stille et spørgsmål om mere hjælp, eller skrive i kommentarfeltet nedenfor.