Hur man skapar en enkel webbsida med anteckningsblock: 15 steg

Innehållsförteckning:

Hur man skapar en enkel webbsida med anteckningsblock: 15 steg
Hur man skapar en enkel webbsida med anteckningsblock: 15 steg

Video: Hur man skapar en enkel webbsida med anteckningsblock: 15 steg

Video: Hur man skapar en enkel webbsida med anteckningsblock: 15 steg
Video: How to use a VPN 2024, November
Anonim

Varje dag kommer vi åt olika webbplatser. Men ibland undrar vi, är det svårt att skapa din egen webbplats? I denna artikel kommer du att vägledas för att skapa en enkel HTML -webbsida med Anteckningar.

Steg

Metod 1 av 1: Skapa din egen webbsida

Skapa en enkel webbsida med anteckningsblock Steg 1
Skapa en enkel webbsida med anteckningsblock Steg 1

Steg 1. Öppna Anteckningar

Denna textredigerare är ett inbyggt program tillgängligt på alla Windows-datorer och finns i Start-menyn. När Anteckningar öppnas klickar du på Arkiv> Spara som och väljer sedan Alla filer i kolumnen Filtyp. Spara din skapade fil i HTML -format. Generellt har en webbplats huvudsida filnamnet "index.html" och innehåller länkar till alla sidor på webbplatsen.

Skapa en enkel webbsida med anteckningsblock Steg 2
Skapa en enkel webbsida med anteckningsblock Steg 2

Steg 2. Förstå HTML

Märket (taggen) i HTML (Hypertext Markup Language) finns i.

Dessa märken tjänar till att bygga din webbplats. Om du vill avsluta HTML -koden använder du en sluttagg, t.ex.

Skapa en enkel webbsida med anteckningsblock Steg 3
Skapa en enkel webbsida med anteckningsblock Steg 3

Steg 3. Starta din webbsida genom att infoga en tagg högst upp i filen

Skapa en enkel webbsida med anteckningsblock Steg 4
Skapa en enkel webbsida med anteckningsblock Steg 4

Steg 4. Använd taggar för att ange olika uppgifter

Märken är användbara för att ställa in sidtitel, medan (valfria) taggar används för att ange en förklaring av innehållet på webbsidan. Skylten kommer sedan att läsas av sökmotorer, till exempel Google.

Skapa en enkel webbsida med anteckningsblock Steg 5
Skapa en enkel webbsida med anteckningsblock Steg 5

Steg 5. Efter att du har tagit in taggen, rubricera sidan med taggen, till exempel wikiHow HTML

Skapa en enkel webbsida med anteckningsblock Steg 6
Skapa en enkel webbsida med anteckningsblock Steg 6

Steg 6. Avsluta sidans rubrik med hjälp av tecknet

Skapa en enkel webbsida med anteckningsblock Steg 7
Skapa en enkel webbsida med anteckningsblock Steg 7

Steg 7. Använd taggar för att ange sidinnehåll

Tänk på att inte alla färger stöds av webbläsare. Till exempel kanske mörkgrå inte stöds.

Skapa en enkel webbsida med anteckningsblock Steg 8
Skapa en enkel webbsida med anteckningsblock Steg 8

Steg 8. Skriv innehållet på webbsidan mellan

Börja till exempel med att skapa en webbplatsrubrik. Webbplatsrubriken är delen av webbplatsen med stora bokstäver och är markerad med en skylt

fram tills

. Skylt

du kan använda för att skapa en webbplatsrubrik med den största teckensnittstorleken. Prova att använda skylten precis under skylten, som

Välkommen till min sida

. Se till att du stänger skylten

i slutet av meningen.

Skapa en enkel webbsida med anteckningsblock Steg 9
Skapa en enkel webbsida med anteckningsblock Steg 9

Steg 9. Skapa ett stycke på sidan med märket

Skriv till exempel

Styckeprov!

För att skapa en ny rad, använd tecknet, eller går sönder.

Skapa en enkel webbsida med anteckningsblock Steg 10
Skapa en enkel webbsida med anteckningsblock Steg 10

Steg 10. Du vill verkligen inte att webbsidan du skapar ska innehålla enbart text

Använd följande flaggor för att formatera text på webbsidor: för fet text, för att kursivera text och för att understryka den. Efter att ha använt skylten ovan, glöm inte att stänga den!

Skapa en enkel webbsida med anteckningsblock Steg 11
Skapa en enkel webbsida med anteckningsblock Steg 11

Steg 11. Lägg till bild med tecken

Image
Image

för att försköna sajten och lägga till information som inte kan förklaras i textform.

Skylt

Skapa en enkel webbsida med anteckningsblock Steg 13
Skapa en enkel webbsida med anteckningsblock Steg 13

kräver viss information för att fungera. Den fullständiga syntaxen för tecknet

kan ha följande form:.

Parametern src i tecknet tjänar till att skriva bildfilnamnet och bredden och höjdfunktionen för att beskriva längd och bredd.

Steg 12. Skapa en länk som leder till en annan sida med en, till exempel En annan sida

Texten i mitten av märket är texten som kommer att visas på sidan, medan href -parametern innehåller målsidan. Med länkar kan besökare enkelt gå till olika sidor på din webbplats.

Steg 13. När du har fyllt i webbplatsen avslutar du sidan med att stänga

Slutligen stäng HTML -koden med

Skapa en enkel webbsida med anteckningsblock Steg 14
Skapa en enkel webbsida med anteckningsblock Steg 14

Steg 14. Spara din skapade webbsida med.html -tillägg och öppna den i din favoritwebbläsare för att testa den

Skapa en enkel webbsida med anteckningsblock Steg 15
Skapa en enkel webbsida med anteckningsblock Steg 15

Steg 15. Läs följande guide för att ladda upp din webbplats till internet

Tips

  • På internet finns det olika webbplatser som innehåller guider för att skapa en webbplats. W3school är en webbplats med bra material.
  • Se till att du stänger varje tagg i HTML -filen.
  • Sätt ett märke på den första raden i filen, före. Denna flagga indikerar att filen du skapar är en HTML5 -fil.
  • Ändra teckensnitt med före- och eftermarkeringarna. Ersätt "N" med det typsnitt du vill ha, till exempel "Verdana".
  • Om du behöver använda vinkelparenteser använder du koden. För att använda & -tecknet, använd koden &.
  • Enligt HTML -självstudier bör du alltid namnge webbfiler och mappar i gemener, utan mellanslag och skiljetecken. Medan Windows låter dig skriva mellanslag i filnamn, gör många värdleverantörer det inte. Dessutom kommer ett snyggt filnamn att göra det lättare för dig att hantera din webbplats.

Rekommenderad: