Så här skapar du en enkel webbsida med anteckningsblock

Thisteaches du hur du skapar en enkel, textbaserad webbsida med hjälp av din Windows-dators anteckningsblock. Du använder HTML som din webbsida språk.

Steg

Del 1 av 4:
Skapa ett HTML-dokument
  1. Bild med titeln 533547 1
1. Öppen start
Bild med titeln WindowsStart.jpg
. Klicka på Windows-logotypen i det nedre vänstra hörnet på skärmen. Startmenyn kommer att dyka upp.
  • Bild med titeln 533547 2
    2. Sök efter anteckningsblock. Skriv in anteckningsblock att göra så. Du bör se en lista med matchande resultat visas nära toppen av Start-menyn.
  • Bild med titeln 533547 3
    3. Klick Anteckningsblock. Det är en blå anteckningsblock på toppen av listan med resultat. Gör så uppmanar anteckningsblock att öppna.
  • Bild med titeln 533547 4
    4. Klick Fil. Detta är i det övre vänstra hörnet av anteckningsfönstret. Om du klickar på det uppmanar en rullgardinsmeny.
  • Bild med titeln 533547 5
    5. Klick Spara som…. Det är i rullgardinsmenyn. Fönstret Spara som öppnas.
  • Bild med titeln 533547 6
    6. Klicka på "Spara som typ" rullgardin. Det här alternativet är nära botten av fönstret och borde ha "Textdokument (*.Text)" skriven på det. Om du klickar på det ber om en rullgardinsmeny som ska visas.
  • Bild med titeln 533547 7
    7. Klick Alla filer. Det är i rullgardinsmenyn. Detta gör att du kan spara din fil som ett HTML-dokument.
  • Bild med titeln 533547 8
    8. Välj en spara plats. Klicka på namnet på den mapp där du vill spara ditt dokument på vänster sida av fönstret.
  • Till exempel, för att spara ditt dokument på skrivbordet, skulle du bläddra upp och klicka på Skrivbord i vänster sida Bar.
  • Bild med titeln 533547 9
    9. Ange ett namn och "html" filförlängning. Klicka på "Filnamn" textrutan, skriv sedan in vad du vill namnge din fil följt av .html.
  • Till exempel, för att namnge din webbsidans fil "Hej", du skulle skriva in Hej.html.
  • Bild med titeln 533547 10
    10. Klick Spara. Om du gör det gör ditt nuvarande anteckningsdokument till ett HTML-dokument. Vid den här tiden kan du fortsätta med att konfigurera din webbsida: s ursprungliga struktur.
  • Om Anteckningsblock oavsiktligt stängs eller du måste komma tillbaka till ditt dokument senare, kan du högerklicka på HTML-filen och klicka sedan på Redigera I den resulterande rullgardinsmenyn.
  • Del 2 av 4:
    Ställa in din webbsida
    1. Bild med titeln 533547 11
    1. Lägg till din webbsida Språkmärkning. Den första taggen du behöver lägga till Annotepad berättar resten av dokumentet för att använda HTML. Skriv följande i anteckningsblock:
  • Bild med titeln 533547 12
    2. Lägg till "huvud" märke. Dessa taggar markerar början och slutet på sidtiteln, som du ska skapa i nästa steg. För nu skriver du bara efter "" Tag, tryck på ↵ Ange två gånger för att lämna ett mellanslag och skriv in .
  • Bild med titeln 533547 13
    3. Lägg till sidtitel på din webbplats. Titeln, som är placerad mellan " " Taggar, går i utrymmet mellan "huvud" märke. Den här titeln dikterar webbplatsens namn som det visas på fliken Browser. För att komma in i en rubrik för att namnge din webbplats "Min webbsida", Till exempel skulle du ange följande:
  • Bild med titeln 533547 14
    4. Lägg till "kropp" märke. Alla dina webbsidors kod kommer att gå mellan dessa taggar, som ska gå under "" märka:
  • Bild med titeln 533547 15
    5. Stäng HTML-språketiketten. Den sista taggen som ska gå i ditt dokument kommer att vara en avslutande HTML-tagg för att indikera slutet på sidan. Skriv under "" Tag för att stänga HTML-taggen.
  • Bild med titeln 533547 16
    6. Granska ditt HTML-dokument hittills. Vid denna tidpunkt ska ditt dokument se ut så här:
  • Bild med titeln 533547 17
    7. Spara ditt dokument. Tryck Ctrl+S att göra så. Du kan nu fortsätta med att lägga till sidelement, till exempel punkter och rubriker, till ditt dokument.
  • Del 3 av 4:
    Lägga till webbsidor
    1. Bild med titeln 533547 18
    1. Vet att alla dina webbsidor går mellan "kropp" märke. Eventuellt element - det är en rubrik eller en stycke-behöver skrivas efter "" Tag och före "" märka.
  • Bild med titeln 533547 19
    2. Lägg till din webbplatss huvudrubrik. Skriv in mellan "kropp" Taggar, skriv sedan vad du vill att din webbsida huvudrubrik ska vara mellan "" märke. Till exempel, för att skapa en sida med rubriken "Välkommen", Du skulle ha följande:
  • Du kan använda taggar "" genom " " Att skapa mindre rubriktext.
  • Bild med titeln 533547 20
    3. Lägg till stycke Text till sidan. Skriv in styckeiketterna, vilka är "", och sedan ange vad du vill använda som din paragraf i mellan taggarna. Ditt slutresultat ska se ut så här:
  • Bild med titeln 533547 21
    4. Tvinga en styckeavbrott. Om du vill lägga till extra mellanslag mellan stycken eller rubriken, skriv
    Efter linjens avslutande tagg. Till exempel, för att skapa en radbrytning efter en paragraf, bör du hamna med något så här:
  • Du kan lägga till ytterligare "
    " taggen efter den första för att lägga till en annan radbrytning, vilket skapar ett mellanslag mellan din första stycke och din andra.
  • Bild med titeln 533547 22
    5. Lägg till formatering i din text. Du kan tillämpa fetstil, kursiv och understrykning (såväl som superscript och subscript) formatering till något ord, mening eller textblock så länge det är mellan stycke taggar:
  • Bild med titeln 533547 23
    6. Granska din webbsida utseende. Medan webbsidans element kan variera, ska ditt dokument se ut så här:
  • Del 4 av 4:
    Testa din webbsida
    1. Bild med titeln 533547 24
    1. Spara ditt dokument. Tryck Ctrl+S att göra så. Detta kommer att se till att HTML-dokumentet visar den senaste versionen av din webbsida när du öppnar den.
  • Bild med titeln 533547 25
    2. Högerklicka på ditt HTML-dokument. En rullgardinsmeny visas.
  • Bild med titeln 533547 26
    3. Välj Öppna med. Det är i rullgardinsmenyn. Gör så öppnar en pop-out-meny.
  • Bild med titeln 533547 27
    4. Välj din önskade webbläsare. Alla webbläsare kan öppna HTML-dokument, så klicka på någon webbläsare som du vill använda i pop-out-menyn. Ditt HTML-dokument öppnas i din valda webbläsare.
  • Bild med titeln 533547 28
    5. Granska din webbsida. Om formateringen ser bra ut för dig, kan du gå och stänga anteckningsblock.
  • Om du vill fortsätta redigera ditt HTML-dokument, återgå till anteckningsblock och göra de nödvändiga ändringarna, se till att spara dina ändringar ofta.
  • Prov HTML-dokument

    Prov enkel webbsida

    Stöd WikiHow och Lås upp alla prover.

    Prov webbsida med HTML

    Stöd WikiHow och Lås upp alla prover.

    HTML Cheat Sheet

    Stöd WikiHow och Lås upp alla prover.

    Tips

    Du kan Justera webbsidans bakgrundsfärg eller Ändra teckensnittsfärgen Genom att använda CSS i samband med ditt HTML-dokument.
    Dela på det sociala nätverket:
    Liknande