Sådan oprettes en simpel webside ved hjælp af notepad

ThisTeaches dig, hvordan du opretter en simpel, tekstbaseret webside ved at bruge din Windows Computers Notepad App. Du bruger HTML som din webside sprog.

Trin

Del 1 af 4:
Oprettelse af et HTML-dokument
  1. Billede med titlen 533547 1
1. Åben start
Billede titlen WindowsStart.jpg
. Klik på Windows-logoet i nederste venstre hjørne af skærmen. Startmenuen vil dukke op.
  • Billede med titlen 533547 2
    2. Søg efter Notepad. Indtaste Notepad for at gøre det. Du skal se en liste over matchende resultater vises tæt på toppen af ​​startmenuen.
  • Billede med titlen 533547 3
    3. Klik Notepad. Det er et blåt notesblok ikon øverst på listen over resultater. Gør det, der beder notesblok for at åbne.
  • Billede med titlen 533547 4
    4. Klik Fil. Dette er i øverste venstre hjørne af notesblok vinduet. Ved at klikke på det beder om en rullemenu.
  • Billede med titlen 533547 5
    5. Klik Gem som…. Det er i rullemenuen. Gem som vinduet åbnes.
  • Billede med titlen 533547 6
    6. Klik på "Gem som Type" drop-down boks. Denne mulighed er nær bunden af ​​vinduet, og skulle have "Tekstdokumenter (*.txt)" skrevet på den. Ved at klikke på det beder om en rullemenu, der skal vises.
  • Billede med titlen 533547 7
    7. Klik Alle filer. Det er i rullemenuen. Dette giver dig mulighed for at gemme din fil som et HTML-dokument.
  • Billede med titlen 533547 8
    8. Vælg en Gem placering. Klik på navnet på den mappe, hvor du vil gemme dit dokument på venstre side af vinduet.
  • For eksempel, for at gemme dit dokument på skrivebordet, vil du rulle op og klikke på Desktop i venstre sidebjælke.
  • Billede med titlen 533547 9
    9. Indtast et navn og "html" Filforlængelse. Klik på "Filnavn" Tekstboks, skriv derefter, uanset hvad du vil nævne din fil efterfulgt af .html.
  • For eksempel for at nævne din webside fil "Hej", du vil skrive ind Hej.html.
  • Billede med titlen 533547 10
    10. Klik Gemme. Hvis du gør det, gør dit nuværende Notepad-dokument til et HTML-dokument. På dette tidspunkt kan du fortsætte med at oprette din webside indledende struktur.
  • Hvis Notepad utilsigtet lukker, eller du skal komme tilbage til dit dokument senere, kan du højreklikke på HTML-filen, og klik derefter på Redigere I den resulterende rullemenu.
  • Del 2 af 4:
    Opsætning af din webside
    1. Billede med titlen 533547 11
    1. Tilføj din webside sprogmærke. Det første mærke, du skal tilføje til notesblok, fortæller resten af ​​dokumentet for at bruge HTML. Indtast følgende i Notepad:
  • Billede med titlen 533547 12
    2. Tilføj "hoved" Tags. Disse tags markerer begyndelsen og slutningen af ​​sidetitel, som du opretter i det næste trin. For nu, skal du bare skrive efter "" Tag, tryk på ↵ Indtast to gange for at forlade et mellemrum og indtaste ind .
  • Billede med titlen 533547 13
    3. Tilføj sidetitel til dit websted. Titlen, som er placeret mellem " " tags, går i rummet mellem "hoved" Tags. Denne titel dikterer webstedets navn, som det vises på fanen Browser. For at indtaste en header for at nævne dit websted "Mit websted", For eksempel vil du indtaste følgende:
  • Billede med titlen 533547 14
    4. Tilføj "legeme" Tags. Al din webside kodeks vil gå mellem disse tags, som skal gå under "" Tag:
  • Billede med titlen 533547 15
    5. Luk HTML-sprogmærket. Det sidste tag til at gå i dit dokument vil være et afsluttende HTML-tag for at betegne slutningen af ​​siden. Skriv nedenfor "" Tag for at lukke HTML-mærket.
  • Billede med titlen 533547 16
    6. Gennemgå dit HTML-dokument hidtil. På dette tidspunkt skal dit dokument se sådan ud:
  • Billede med titlen 533547 17
    7. Gem dit dokument. Trykke Ctrl+S for at gøre det. Du kan nu fortsætte med at tilføje sidelementer, f.eks. Afsnit og overskrifter, til dit dokument.
  • Del 3 af 4:
    Tilføjelse af webpageelementer
    1. Billede med titlen 533547 18
    1. Ved, at alle dine websideelementer går mellem "legeme" Tags. Ethvert element - det være sig en overskrift eller et afsnit - skal skrives efter "" tag og før "" Tag.
  • Billede med titlen 533547 19
    2. Tilføj dit websteds hovedoverskrift. Skriv ind mellem "legeme" Tags, skriv derefter, hvad du vil have din webside hovedoverskrift til at være imellem "" Tags. For eksempel at oprette en side med overskriften "Velkommen", Du ville have følgende:
  • Du kan bruge tags "" igennem " " At oprette mindre overskriftstekst.
  • Billede med titlen 533547 20
    3. Tilføj afsnittekst til siden. Indtast afsnitmærkerne, som er "", og indtast derefter hvad du vil bruge som dit afsnit i mellem tags. Dit slutresultat skal se sådan ud:
  • Billede med titlen 533547 21
    4. Tvinge et stykke pause. Hvis du vil tilføje ekstra mellemrum mellem afsnit eller overskrift, type
    Efter linjens lukkekode. For eksempel at skabe en linjepause efter et afsnit, skal du ende med noget som dette:
  • Du kan tilføje en ekstra "
    " Tag efter den første til at tilføje en anden linje pause, hvilket skaber et mellemrum mellem dit første afsnit og din anden.
  • Billede med titlen 533547 22
    5. Tilføj formatering til din tekst. Du kan anvende fed, kursiv og understrege (samt Superscript og Subscript) formatering til ethvert ord, sætning eller tekstblok, så længe det er mellem stykke tags:
  • Billede med titlen 533547 23
    6. Gennemgå din webside`s udseende. Mens websidens elementer kan variere, skal dit dokument se sådan ud:
  • Del 4 af 4:
    Test din webside
    1. Billede med titlen 533547 24
    1. Gem dit dokument. Trykke Ctrl+S for at gøre det. Dette sikrer, at HTML-dokumentet viser den nyeste version af din webside, når du åbner den.
  • Billede med titlen 533547 25
    2. Højreklik på dit HTML-dokument. En rullemenu vises.
  • Billede med titlen 533547 26
    3. Vælg Åben med. Det er i rullemenuen. Gør det åbner en pop-out menu.
  • Billede med titlen 533547 27
    4. Vælg din foretrukne webbrowser. Alle webbrowsere kan åbne HTML-dokumenter, så klik på en hvilken som helst webbrowser, du vil bruge i pop-out-menuen. Dit HTML-dokument åbnes i din valgte webbrowser.
  • Billede med titlen 533547 28
    5. Gennemgå din webside. Hvis formateringen ser godt ud til dig, kan du gå videre og lukke notesblok.
  • Hvis du vil fortsætte med at redigere dit HTML-dokument, skal du vende tilbage til Notepad og foretage de nødvendige redigeringer, og sørg for at gemme dine ændringer ofte.
  • Prøve HTML-dokumenter

    Prøve Simple Webpage

    Støtte og Lås op alle prøver.

    Sample webside med HTML

    Støtte og Lås op alle prøver.

    Html cheat sheet

    Støtte og Lås op alle prøver.

    Tips

    Du kan Juster websiden`s baggrundsfarve eller Skift skrifttypefarven Ved at bruge CSS i forbindelse med dit HTML-dokument.
    Del på sociale netværk :
    Lignende