Skapa en grundläggande HTML-sida med Anteckningar i Windows 8

Du ärtittar VisiHow.I den här guiden kommer vi att visa dig hur du skapar de mest grundläggande HTML-sidan kan du skapa helt enkelt använda Anteckningar programmet på din Windows 8-dator.

1. en
   Mus ner till aktivitetsfältet .

   här är baren som löper längs nedre delen av skärmen.

   Annons

   Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
2. 2
   Bläddra vänster till knappen Windows och vänsterklicka en gång .

   kan också trycka på Windows tangent.Detta kommer att öppna startmenyn.

   Annons

   Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
3. 3
   Klicka på pilen i det nedre vänstra hörnet .

   Detta kommer att ta oss till Apps-menyn.Låt oss söka efter Anteckningar.

   Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
4. 4
   Klicka i sökfältet i det övre högra hörnet .

   Bakgrunden blir vit för att indikera att den är aktiv.

   instagram viewer

   Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
5. 5
   Skriv in "notepad" .

   Som vi skriver kommer sökningen automatiskt börja minska våra alternativ ner, tills vi kvar endast med Anteckningar.

   Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
6. 6
   Klicka på "Anteckningar" .

   Dess ikon är en blå anteckningsblock.Detta startar Anteckningar ansökan.Låt oss nu skriva in några mycket, mycket grundläggande HTML-taggar.

   Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
7. 7
   Type "& lt; html & gt;".

   Detta talar om för webbläsaren att detta är en HTML-sida.

   Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
8. 8
   Hit "Enter" eller "Return" tangenten en gång .

   Detta startar oss på en ny linje för linje 2.

   Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
9. 9
   Type "& lt; body & gt;".

   Detta talar om för webbläsaren att detta är kroppen av vår webbsida.

   Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
10. 10
    Hit "Enter" eller "Return" igen .

    Vi är nu på rad 3.

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
11. 11
    Skriv in lite text .

    Vi kommer att skriva, "VisiHow är Awesome!".Detta är texten på vår hemsida.

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
12. 12
    Hit "Enter" eller "Return" igen för att komma till linje 4 .

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
13. 13
    Type "& lt; / body & gt;".

    Detta är känt som en avslutande taggen.Detta stänger kroppssektionen.Nu ska vi upprepa detta för HTML-taggen.Observera att vi stänger våra taggar i omvänd ordning till hur vi öppnade dem.Ett annat sätt att tänka på detta är att taggarna bracket vårt innehåll symmetriskt.

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
14. 14
    Hit "Enter" eller "Return" för att få till linje 5 .

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
15. 15
    Type "& lt; / html & gt;".

    Detta stänger HTML-dokument.Detta är inte korrekt bildade kod.Vi har en handledning som förklarar hur du formaterar koden på rätt sätt, eller åtminstone till våra egna normer, så att våra webbplatser är lätt att läsa och läsbar för andra människor.Men nu, vi bara fokuserat på att skapa en mycket grundläggande webbsida.

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
16. 16
    mus upp till "File" .

    Det är i övre vänstra hörnet av fönstret.Vänsterklicka en gång.

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
17. 17
    Bläddra ner till "Spara som. .." och klicka på den .

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
18. 18
    Hitta "Spara som typ" -fältet .

    Det är under "Filnamn" fältet, där ".txt" lyser upp.

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
19. 19
    Klicka på pilen längst till höger sida i det här fältet för att öppna en rullgardinsmeny .

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
20. 20
    Klicka på "alla filer" .

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
21. 21
    Klicka på "Filnamn" fältet för att få en markör .

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
22. 22
    Skriv ett filnamn .

    Vi kommer att skriva "visihtml".

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
23. 23
    Skriv in filändelsen .

    Vi kommer att lägga en period eller punkttecken och sedan skriva in antingen "htm" eller "html".Den fullständiga filnamnet kommer att läsa, "visihtml.html".Eftersom detta är en grundläggande handledning, kommer vi att gå vidare och lämna det som "html" för att göra det lätt att komma ihåg vad detta är.

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
24. 24
    Klicka på "Spara" .

    I vår demonstration, kommer detta att sparas på skrivbordet, som anges längst upp i fönstret.

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
25. 25
    Stäng fönstret genom att klicka på "x" i övre högra hörnet av Anteckningar .

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
26. 26
    Dubbelklicka på filen från skrivbordet .

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
27. 27
    Bestäm hur man öppnar filen .

    Vi kommer att tillfrågas, "Hur vill du att öppna denna typ av fil( .html)?".Låt oss välja Firefox för denna handledning, eftersom det är en av de mer kräsna webbläsare om koden formateras på rätt sätt.Klicka webbläsaren val.

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
28. 28
    Se webbsidan .

    Sidan vi skapat är en verklig webbsida som vi just lanserat i webbläsaren Firefox.Vår säger: "VisiHow är Awesome!".Stäng Firefox-fönstret när du är klar med den röda "X" i övre högra hörnet.

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
29. 29
    Visa fil ikonen .

    I vår demonstration, nu har den en Firefox ikon, vilket indikerar att det är en webbsida.

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
30. 30
    Detta avslutar vår handledning om hur du skapar din första och mest grundläggande, webbsida i Windows 8 med Anteckningar .

    För ytterligare tips om hur du skapar en webbsida eller om du har några frågor, kommentarer eller förslag för oss, kommentera i avsnittet nedan eller besöka flera av våra tutorials.Tack så mycket för att välja VisiHow, och vi ser fram emot att träffa dig och ditt innehåll.Ha en bra dag.

    Var detta steg hjälp?Ja |Nej |Jag behöver hjälp
    Annons

• Om du har problem med någonav dessa steg, ställa en fråga om mer hjälp, eller lägga i kommentarerna nedan.