Innehållsförteckning:

Hur man skapar en enkel webbsida med parenteser för nybörjare: 14 steg
Hur man skapar en enkel webbsida med parenteser för nybörjare: 14 steg

Video: Hur man skapar en enkel webbsida med parenteser för nybörjare: 14 steg

Video: Hur man skapar en enkel webbsida med parenteser för nybörjare: 14 steg
Video: Skapa Hemsida 2021 - DEL 1 [Bygg din egna hemsida, steg för steg, med Wordpress & Loopia] 2024, November
Anonim
Hur man skapar en enkel webbsida med parenteser för nybörjare
Hur man skapar en enkel webbsida med parenteser för nybörjare

Introduktion

Följande instruktioner ger steg för steg vägledning för att skapa en webbsida med parenteser. Brackets är en källkodredigerare med huvudfokus på webbutveckling. Den är skapad av Adobe Systems och är gratis och öppen källkodsprogramvara licensierad enligt MIT-licensen och underhålls för närvarande på GitHub av Adobe och andra utvecklare med öppen källkod. Det är skrivet i JavaScript, HTML och CSS.

Instruktioner

Obs: - Alla HTML -taggar ska vara mellan parenteser:

Steg 1: Ladda ner programvaran

Ladda ner programvaran
Ladda ner programvaran

ladda ner fästen från den här webbplatsen

Steg 2: Öppna fästen

Öppna fästen
Öppna fästen

öppna nedladdad Brackets -programvara på en dator.

Steg 3: Skapa en ny fil

Skapa en ny fil
Skapa en ny fil

Efter att ha öppnat fästen, klicka på filikonen längst upp till vänster i fönstret, klicka sedan på ny, du kommer att se ny fil "Untitled".

Steg 4: Spara som.. filen

Spara som.. filen
Spara som.. filen

Högerklicka på den här filen”utan titel”, klicka på spara som, sedan ska du spara den på en enhet

vid denna tidpunkt kan du ge valfritt namn till filen, bara se till att efter namnet läggs till ".html" (punkt html).

Steg 5: Börja med DOCTYPE -tagg

Börja med DOCTYPE -tagg
Börja med DOCTYPE -tagg

Varje html -sida måste börja med följande strukturtagg Det berättar för webbläsaren vilka regler som ska följas när en HTML -sida återges.

Steg 6: HTML -tagg

HTML -tagg
HTML -tagg

och - dessa taggar ska starta och avsluta ett dokument.

Steg 7: Huvud- och kroppstaggar

Huvud- och kroppstaggar
Huvud- och kroppstaggar

Mellan html -taggar skriver du och där det innehåller saker bakom kulisserna. Skriv också och där den innehåller text, bilder, video, ljud och så vidare.

Steg 8: Metatagg

Metatagg
Metatagg

Mellan taggarna skriver du var den innehåller sådan information som sökmotortermer eller teckenkodning.

Steg 9: Title Tag

Title Tag
Title Tag

Mellan taggarna, under, skriv och. Så allt du skriver däremellan ser du det högst upp i webbläsarfönstret och den här taggen är viktig för sökmotorn. Till exempel kommer jag att skriva "WRD 204"

Steg 10: Lägga till stycke med P -tagg

Lägga till stycke med P -tagg
Lägga till stycke med P -tagg

Skriv emellan all information du vill ska synas på en webbsida, till exempel bild, ljud, video och stycke, för mitt exempel kommer jag att skriva ett stycke med hjälp av dessa taggar för stycke:

och.

Steg 11: Se dina resultat

Se dina resultat
Se dina resultat
Se dina resultat
Se dina resultat

För att se dina resultat: högerklicka först på filen och klicka på "spara" än klicka på en "live preview" -ikon i det övre högra hörnet.

Obs: - när som helst du gör ändringar och du vill se resultatet, först måste du spara filen, du kan använda genvägen “Ctrl + S”

Steg 12: Ändra formateringen

Ändra formateringen
Ändra formateringen
Ändra formateringen
Ändra formateringen

Om du vill ändra textformatets storlek använder du den största rubriken eller är den minsta. I mitt exempel kommer jag att använda.

Steg 13: Single/Double Line Break Tag

Single/Double Line Break Tag
Single/Double Line Break Tag
Single/Double Line Break Tag
Single/Double Line Break Tag

Om du vill göra en enkel/dubbel radbrytning mellan styckena, använd taggen

Steg 14: Slutsats

Grattis! nu kan du börja bygga din egen webbsida.

Om du är intressant att veta mer om HTML -taggar rekommenderar jag den här webbplatsen

Rekommenderad: