Hvordan lage et enkelt nettsted ved hjelp av Notisblokk

Forfatter: John Stephens
Opprettelsesdato: 26 Januar 2021
Oppdater Dato: 1 Juli 2024
Anonim
How to make a website using Notepad | Beginner’s Tutorial
Video: How to make a website using Notepad | Beginner’s Tutorial

Innhold

Vi bruker websider hver dag, men er det vanskelig å lage en? Denne artikkelen vil lære deg hvordan du lager et enkelt HTML-nettsted ved hjelp av Notisblokk.

Fremgangsmåte

Metode 1 av 1: Lag ditt eget nettsted

  1. Åpne Notisblokk. Notisblokk er forhåndsinstallert på alle Windows-datamaskiner, og du finner den i Start-menyen. Når du har åpnet Notisblokk, klikker du på "File", velger "Save As" i rullegardinmenyen. Velg deretter "Alle filer" i filtypemenyen og lagre filen som HTML. Vanligvis er filen "index.html" hovedsiden, som inneholder alle lenkene for å få tilgang til alt på nettstedet.

  2. HTML (HyperText Markup Language) bruker koder. I utgangspunktet er tagger ord innenfor aksentene .
    Du vil bruke mange koder for å lage websiden din. Ved siden av ligger en "lukkemerke", som brukes til å avslutte en kodelinje. F.eks .: Disse kodene ender med en fet skrift eller et avsnitt med tekst.

  3. Websidens overskrift er vanligvis taggen: . Du kan plassere den øverst i Notisblokk-filen.
  4. Neste gang er kortet .
    Den neste er , denne fanen forteller nettleseren hva den skal plasseres øverst i vinduet og <i>metakode </i> (valgfritt) forteller søkemotoren (for eksempel Google) hva nettstedet handler om.

  5. På neste linje, etter kortet hodeLa oss sette en tittel, for eksempel: wikiHow HTML
  6. Skriv nå for å fullføre første del.
  7. Neste på nettstedet er merkelappen . Merk at nettlesere ikke støtter alle farger (for eksempel de fleste nettlesere støtter ikke mørk grå).
  8. Mellom de to hovedkodene er innholdet på websiden som brukeren ser. La oss starte med tittelen. Dette er den store delen av teksten, spesifisert i HTML fra koden

    komme

    , med kort

    er den største størrelsen. Så øverst på websiden, etter body tag, kan du komponere

    Velkommen til min side!

    Du bør alltid sette en tett tag, ellers blir all teksten på websiden overvurdert!
  9. En annen tag som kan inkluderes i innholdet på websiden er

    eller avsnittetiketter. Etter tittelen kan du gå inn

    . Jeg lærer å lage et nettsted! WikiHow regler! Hvis du vil opprette en ny linje på siden, bruker du innpakningskoden
    .

  10. Et nettsted med bare ren tekst er kjedelig. Så la oss legge inn noen formater. Kort til fet skrift, å kursivere, og å understreke. Ikke glem avslutningsmerket!
  11. Det som gjør nettstedet veldig interessant er bildene. Selv om teksten er formatert, vil ingen se en side som all tekst. Bruk et kort å sette inn bilder. Men i likhet med kroppskoden, trenger denne koden ytterligere informasjon. En img-kode vil se slik ut: hund’ src=SRC-dataene (kilde: kilde) er navnet på bildet. Bak bredde og høyde er bredden og høyden i piksler på bildet.
  12. Nesten ferdig! Hvis du vil at de besøkende skal kunne se flere sider, bruker du taggen: Andre sider Innholdet i koden er det brukeren vil klikke for å gå til neste side, og href-delen er lenken til den siden. Med denne taggen kan du enkelt vise brukere rundt nettstedet ditt.
  13. For å fullføre, må du avslutte body tag med og hele websiden etter tag
  14. Lagre filen med filtypen .html '. Åpne deretter filen.html i favorittleseren din for å se hvordan den fungerer. Gratulerer! Du har nettopp opprettet et nettsted.
  15. Hvis du vil publisere nettstedet ditt på nettet, kan du lære hvordan du lager et nettsted med et domenenavn. annonse

Råd

  • Du kan finne mange kort på nettet. Det er mange nyttige nettsteder som hjelper folk å lære å lage et nettsted (W3Schools er en av dem).
  • Husk å bruke lukninger.
  • Sørg alltid for å bestille kortet på første linje, før taggen La nettleseren vite at nettstedet ditt er HTML5-standarden.
  • Du kan endre skrift med koder før og så . N står for skrifttyper, som "Verdana".
  • Hvis du vil bruke spesialtegn på en webside, skriver du & lt (<), & gt (>), & amp (&), og så videre, MÅ slutten av koden ha et semikolon ";".
  • I HTML-veiledninger plasseres navnene på mapper og nettfiler alltid med små bokstaver, uten noen aksenter. Selv om Windows tillater plassbruk, gjør ikke mange webhotellleverandører det, så du sparer tid og problemer med riktig fil- og mappenavn i utgangspunktet.