Hvordan lage en enkel webside med notisblokk: 15 trinn

Innholdsfortegnelse:

Hvordan lage en enkel webside med notisblokk: 15 trinn
Hvordan lage en enkel webside med notisblokk: 15 trinn

Video: Hvordan lage en enkel webside med notisblokk: 15 trinn

Video: Hvordan lage en enkel webside med notisblokk: 15 trinn
Video: The Ultimate Guide on How Use a VPN 2024, Kan
Anonim

Hver dag får vi tilgang til forskjellige nettsteder. Noen ganger lurer vi imidlertid på, er det vanskelig å lage ditt eget nettsted? I denne artikkelen blir du veiledet for å lage en enkel HTML -webside med Notisblokk.

Steg

Metode 1 av 1: Opprette din egen webside

Lag en enkel webside ved hjelp av Notisblokk Trinn 1
Lag en enkel webside ved hjelp av Notisblokk Trinn 1

Trinn 1. Åpne Notisblokk

Denne tekstredigereren er et innebygd program tilgjengelig på alle Windows-datamaskiner, og finnes i Start-menyen. Etter at Notisblokk åpnes, klikker du på Fil> Lagre som, og deretter velger du Alle filer i filtype -kolonnen. Lagre den opprettede filen i HTML -format. Vanligvis har hovedsiden til et nettsted filnavnet "index.html", og inneholder lenker til alle sidene på nettstedet.

Lag en enkel webside ved hjelp av Notisblokk Trinn 2
Lag en enkel webside ved hjelp av Notisblokk Trinn 2

Trinn 2. Forstå HTML

Merket (tag) i HTML (Hypertext Markup Language) er i.

Disse merkene tjener til å bygge nettstedet ditt. For å avslutte HTML -kode, bruk en sluttkode, for eksempel. Avslutningsmerket er nyttig for å lukke forskjellige merker, for eksempel fet eller avsnittmerker.

Lag en enkel webside ved hjelp av Notisblokk Trinn 3
Lag en enkel webside ved hjelp av Notisblokk Trinn 3

Trinn 3. Start websiden din ved å sette inn en etikett øverst i filen

Lag en enkel webside ved hjelp av Notisblokk Trinn 4
Lag en enkel webside ved hjelp av Notisblokk Trinn 4

Trinn 4. Bruk tagger for å legge inn forskjellig informasjon

Merker er nyttige for å angi sidetittelen, mens (valgfrie) tagger brukes til å angi en forklaring av innholdet på websiden. Skiltet vil deretter bli lest av søkemotorer, for eksempel Google.

Lag en enkel webside ved hjelp av Notisblokk Trinn 5
Lag en enkel webside ved hjelp av Notisblokk Trinn 5

Trinn 5. Etter at du har angitt taggen, gir du tittelen på siden med taggen, for eksempel wikiHow HTML

Lag en enkel webside ved hjelp av Notisblokk Trinn 6
Lag en enkel webside ved hjelp av Notisblokk Trinn 6

Trinn 6. Fullfør toppteksten til nettstedet ved å bruke skiltet

Lag en enkel webside ved hjelp av Notisblokk Trinn 7
Lag en enkel webside ved hjelp av Notisblokk Trinn 7

Trinn 7. Bruk tagger for å angi sideinnhold

Husk at ikke alle farger støttes av nettlesere. For eksempel støttes ikke mørkegrå.

Lag en enkel webside ved hjelp av Notisblokk Trinn 8
Lag en enkel webside ved hjelp av Notisblokk Trinn 8

Trinn 8. Skriv innholdet på websiden mellom

For eksempel, begynn med å opprette en sideoverskrift. Nettstedsoverskriften er delen av nettstedet med store bokstaver, og er merket med et skilt

før

. Skilt

du kan bruke til å lage et nettstedstopp med den største skriftstørrelsen. Prøv å bruke skiltet like under skiltet, som

Velkommen til siden min

. Sørg for å lukke skiltet

på slutten av setningen.

Lag en enkel webside ved hjelp av Notisblokk Trinn 9
Lag en enkel webside ved hjelp av Notisblokk Trinn 9

Trinn 9. Lag et avsnitt på siden med merket

For eksempel, skrive

Avsnittstest!

For å opprette en ny linje, bruk skiltet, eller går i stykker.

Lag en enkel webside ved hjelp av Notisblokk Trinn 10
Lag en enkel webside ved hjelp av Notisblokk Trinn 10

Trinn 10. Du vil absolutt ikke at nettsiden du oppretter skal inneholde ren tekst

Bruk følgende flagg til å formatere tekst på nettsider: til fet tekst, for å kursivere teksten og understreke den. Etter å ha brukt skiltet ovenfor, ikke glem å lukke det!

Lag en enkel webside ved hjelp av Notisblokk Trinn 11
Lag en enkel webside ved hjelp av Notisblokk Trinn 11

Trinn 11. Legg til bilde med skilt

Image
Image

å forskjønne nettstedet og legge til informasjon som ikke kan forklares i tekstform.

Skilt

Lag en enkel webside ved hjelp av Notisblokk Trinn 13
Lag en enkel webside ved hjelp av Notisblokk Trinn 13

krever at visse opplysninger fungerer. Skiltets fulle syntaks

kan ha formen slik:.

Parameteren src i tegnet tjener til å skrive bildefilnavnet, og bredde- og høydefunksjonen for å beskrive lengde og bredde.

Trinn 12. Lag en lenke som fører til en annen side med en, for eksempel En annen side

Teksten i midten av merket er teksten som vil vises på siden, mens href -parameteren inneholder destinasjonssiden. Med koblinger kan besøkende enkelt gå til forskjellige sider på nettstedet ditt.

Trinn 13. Når du er ferdig med å fylle ut nettstedet, avslutter du siden med å lukke

Til slutt lukker du HTML -koden med

Lag en enkel webside ved hjelp av Notisblokk Trinn 14
Lag en enkel webside ved hjelp av Notisblokk Trinn 14

Trinn 14. Lagre den opprettede websiden din med.html -utvidelsen, og åpne den i favorittleseren din for å teste den

Lag en enkel webside ved hjelp av Notisblokk Trinn 15
Lag en enkel webside ved hjelp av Notisblokk Trinn 15

Trinn 15. Les følgende guide for å laste opp nettstedet ditt til internett

Tips

  • På internett er det forskjellige nettsteder som inneholder guider for å lage et nettsted. W3school er et nettsted med godt materiale.
  • Sørg for å lukke hver kode i HTML -filen.
  • Sett et merke i den første linjen i filen, før. Dette flagget indikerer at filen du oppretter er en HTML5 -fil.
  • Endre skriften med før og etter -merkene. Erstatt "N" med skrifttypen du vil ha, for eksempel "Verdana".
  • Hvis du trenger å bruke vinkelparenteser, bruker du koden. I mellomtiden bruker du koden & for å bruke & -tegnet.
  • I følge HTML -opplæringer bør du alltid navngi webfiler og mapper med små bokstaver, uten mellomrom og tegnsetting. Mens Windows lar deg sette mellomrom i filnavn, gjør mange hostingleverandører det ikke. I tillegg vil et pent filnavn gjøre det lettere for deg å administrere nettstedet ditt.

Anbefalt: