Sådan opretter du en simpel webside med notesblok: 15 trin

Indholdsfortegnelse:

Sådan opretter du en simpel webside med notesblok: 15 trin
Sådan opretter du en simpel webside med notesblok: 15 trin

Video: Sådan opretter du en simpel webside med notesblok: 15 trin

Video: Sådan opretter du en simpel webside med notesblok: 15 trin
Video: Hva er et VPN og hvordan fungerer det? | NordVPN 2024, Kan
Anonim

Hver dag får vi adgang til forskellige websteder. Men nogle gange undrer vi os over, er det svært at oprette dit eget websted? I denne artikel bliver du guidet til at oprette en simpel HTML -webside med Notesblok.

Trin

Metode 1 af 1: Oprettelse af din egen webside

Opret en enkel webside ved hjælp af Notesblok Trin 1
Opret en enkel webside ved hjælp af Notesblok Trin 1

Trin 1. Åbn Notesblok

Denne tekstredigerer er et indbygget program, der er tilgængeligt på alle Windows-computere og findes i menuen Start. Når Notesblok åbnes, skal du klikke på Filer> Gem som, og derefter vælge Alle filer i kolonnen Filtype. Gem din oprettede fil i HTML -format. Generelt har hovedsiden på et websted filnavnet "index.html" og indeholder links til alle siderne på webstedet.

Opret en enkel webside ved hjælp af Notesblok Trin 2
Opret en enkel webside ved hjælp af Notesblok Trin 2

Trin 2. Forstå HTML

Mærket (tag) i HTML (Hypertext Markup Language) er i.

Disse mærker tjener til at opbygge dit websted. For at afslutte HTML -kode skal du bruge et sluttag, f.eks.. Lukningsmærket er nyttigt til at lukke forskellige mærker, f.eks. Fed eller afsnitstegn.

Opret en enkel webside ved hjælp af Notesblok Trin 3
Opret en enkel webside ved hjælp af Notesblok Trin 3

Trin 3. Start din webside ved at indsætte et tag øverst i filen

Opret en enkel webside ved hjælp af Notesblok Trin 4
Opret en enkel webside ved hjælp af Notesblok Trin 4

Trin 4. Brug tags til at indtaste forskellige oplysninger

Mærker er nyttige til indstilling af sidetitlen, mens (valgfrie) tags bruges til at indtaste en forklaring af indholdet på websiden. Skiltet vil derefter blive læst af søgemaskiner, f.eks. Google.

Opret en enkel webside ved hjælp af Notesblok Trin 5
Opret en enkel webside ved hjælp af Notesblok Trin 5

Trin 5. Efter indtastning af mærket, titler du siden med mærket, f.eks. WikiHow HTML

Opret en enkel webside ved hjælp af Notesblok Trin 6
Opret en enkel webside ved hjælp af Notesblok Trin 6

Trin 6. Afslut webstedets overskrift ved hjælp af skiltet

Opret en enkel webside ved hjælp af Notesblok Trin 7
Opret en enkel webside ved hjælp af Notesblok Trin 7

Trin 7. Brug tags til at indtaste sideindhold

Husk, at ikke alle farver understøttes af browsere. For eksempel understøttes mørkegrå muligvis ikke.

Opret en enkel webside ved hjælp af Notesblok Trin 8
Opret en enkel webside ved hjælp af Notesblok Trin 8

Trin 8. Skriv indholdet på websiden mellem

Start for eksempel med at oprette et webstedsoverskrift. Webstedets overskrift er delen af webstedet med store bogstaver og er markeret med et skilt

så længe

. Skilt

du kan bruge til at oprette en sidehoved med den største skriftstørrelse. Prøv at bruge skiltet lige under skiltet, som f.eks

Velkommen til mit websted

. Sørg for at lukke skiltet

i slutningen af sætningen.

Opret en enkel webside ved hjælp af Notesblok Trin 9
Opret en enkel webside ved hjælp af Notesblok Trin 9

Trin 9. Opret et afsnit på siden med mærket

For eksempel skrive

Afsnitstest!

Brug skiltet for at oprette en ny linje, eller går i stykker.

Opret en enkel webside ved hjælp af Notesblok Trin 10
Opret en enkel webside ved hjælp af Notesblok Trin 10

Trin 10. Du vil bestemt ikke have, at den webside, du opretter, kun skal indeholde almindelig tekst

Brug følgende flag til at formatere tekst på websider: til fed tekst, for at kursivere tekst og understrege den. Efter at have brugt skiltet ovenfor, glem ikke at lukke det!

Opret en enkel webside ved hjælp af Notesblok Trin 11
Opret en enkel webside ved hjælp af Notesblok Trin 11

Trin 11. Tilføj billede med tegn

Image
Image

at forskønne stedet og tilføje oplysninger, der ikke kan forklares i tekstform.

Skilt

Opret en enkel webside ved hjælp af Notesblok Trin 13
Opret en enkel webside ved hjælp af Notesblok Trin 13

kræver visse oplysninger for at fungere. Skiltets fulde syntaks

kan være formet sådan:.

Parameteren src i skiltet tjener til at skrive billedfilens navn og funktionen bredde og højde til at beskrive længden og bredden.

Trin 12. Opret et link, der fører til en anden side med en, f.eks. En anden side

Teksten i midten af mærket er den tekst, der vises på siden, mens parameteren href indeholder destinationssiden. Med links kan besøgende nemt flytte til forskellige sider på dit websted.

Trin 13. Når du er færdig med at udfylde webstedet, skal du afslutte siden med at lukke

Luk endelig HTML -koden med

Opret en enkel webside ved hjælp af Notesblok Trin 14
Opret en enkel webside ved hjælp af Notesblok Trin 14

Trin 14. Gem din oprettede webside med.html -udvidelse, og åbn den i din yndlingsbrowser for at teste den

Opret en enkel webside ved hjælp af Notesblok Trin 15
Opret en enkel webside ved hjælp af Notesblok Trin 15

Trin 15. Læs følgende vejledning for at uploade dit websted til internettet

Tips

  • På internettet er der forskellige websteder, der indeholder vejledninger til oprettelse af et websted. W3school er et sted med godt materiale.
  • Sørg for at lukke hvert mærke i HTML -filen.
  • Sæt et mærke i den første linje i filen, før. Dette flag angiver, at den fil, du opretter, er en HTML5 -fil.
  • Skift skrifttype med før og efter mærkerne. Udskift "N" med det ønskede skrifttype, f.eks. "Verdana".
  • Hvis du skal bruge vinkelbeslag, skal du bruge koden. I mellemtiden skal du bruge koden & for at bruge & -tegnet.
  • Ifølge HTML -øvelser skal du altid navngive webfiler og mapper med små bogstaver uden mellemrum og tegnsætning. Mens Windows giver dig mulighed for at sætte mellemrum i filnavne, gør mange hostingudbydere det ikke. Plus, et pænt filnavn vil gøre det lettere for dig at administrere dit websted.

Anbefalede: