Skriva en HTML-sida (med bilder)

Steg
Tips
Varningar
Förnödenheter

HTML (HyperText Markup Language) är ett standardspråk för att designa webbsidor. Det är designat för att vara ett enkelt och mångsidigt programmeringsspråk. Nästan varje sida på webben är designad med någon form av denna kod (ColdFusion, XML, XSLT). HTML är lätt att bemästra, men det kan ta mycket tid att lära sig om du verkligen vill utforska språkets alla funktioner. För att lägga till lite färg och spänning på dina webbsidor är det en bra idé att fortsätta lära sig CSS när du har lärt dig grunderna för att skapa en enkel HTML-sida.

Steg

Del 1 av 4: Skapa ett dokument

1. Öppna en enkel ordbehandlare. NotePad++ är ett bra alternativ som kan laddas ner gratis. Du kan skriva HTML med de flesta ordbehandlare, men det är bättre att använda programvara dedikerad till kodning. Dessutom placerar mer komplexa ordbehandlare som Word redundant kod på din HTML-sida.

TextEdit rekommenderas inte eftersom det ofta sparar ditt dokument i ett format som inte känns igen som HTML av webbläsaren.

Bild med titeln Skriv en HTML-sida Steg 2

2. Spara en fil som en webbsida. Välj Arkiv → Spara som från huvudmenyn. Ändra filtillägget till ".html" eller ".htm". Förvara den på en plats där du lätt kan hitta den.

Dessa alternativ är alla desamma, det är ingen skillnad.

Bild med titeln Skriv en HTML-sida Steg 3

3. Öppna filen i en webbläsare. Dubbelklicka på filen så öppnas den automatiskt som en tom sida i din webbläsare. Du kan också öppna en webbläsare som Firefox eller Internet Explorer och använda Arkiv → Öppna fil för att välja dokumentet.

Den här webbsidan är inte online än. Du kan bara se den på din dator.

Bild med titeln Skriv en HTML-sida Steg 4

4. Uppdatera sidan för att se vilka ändringar som har gjorts. Skriv följande i det tomma dokumentet: . Spara dokumentet. Uppdatera sidan i din webbläsare så bör du se ordet "Hej" högst upp på skärmen, i fet stil. Varje gång du vill se en ändring i HTML-koden sparar du den.html-dokument och uppdatera webbläsarfönstret.

ser du orden "
5. Vad är taggar. HTML-instruktioner skrivs mellan "taggar" talar om för webbläsaren hur den ska tolka och visa sidan. Dessa taggar omges alltid av vinkelparenteser
6. Dokumentets struktur. Ta bort allt i HTML-dokumentet. Kopiera följande text exakt (ignorera punkterna). Denna HTML-kod talar om för webbläsaren vilken typ av HTML du ska använda och att all din HTML finns inuti
7. Lägg till huvud- och kroppstaggar till den. HTML-dokument är uppdelade i två sektioner.De "huvud" sektionen är för speciell information, såsom titeln på webbsidan. De "kropp" innehåller det faktiska innehållet på webbsidan. Lägg till båda i ditt dokument och glöm inte sluttaggarna. Den nya texten att lägga till är fetstil:

8. Ge din sida en titel. De flesta taggar som visas i huvudet är inte viktiga för nybörjaren att lära sig. Titeltaggen är dock enkel att använda och bestämmer vad som visas som titeln på din webbsida i webbläsaren. Placera titeln inom motsvarande taggar, som placeras inom head-taggarna:

Del 2 av 4: Formatera text

1. Lägg till text i brödtexten. Vi kommer nu bara att ta itu med delen inom body-taggarna. Den andra texten kommer att förbli som du skrev den, men vi kommer att förkorta exemplet genom att inte upprepa allt varje gång. Skriv vad du vill mellan

Jag lär mig att arbeta med HTML genom att följa en wikiHow.

2. Lägg till rubriker i din text. Organisera din sida med rubriktaggar, som talar om för webbläsaren att skriva ut text större på skärmen. Dessa används också av sökmotorrobotar och andra verktyg för att avgöra vad din webbsida handlar om och hur den är organiserad.
Jag lär mig att arbeta med HTML genom att följa en wikiHow.
Lär dig att arbeta med huvuden.
Läs mer taggar för att formatera text.

3. Fler taggar för att formatera text. du har "stark" taggen redan hade, men det finns många fler sätt att formatera din text. Prova följande exempel, där du också kan placera flera taggar runt samma text. Glöm inte att lägga till sluttaggar!

4. Fördela din text över webbsidan. Du kanske har märkt att det inte räcker "stiga på" du vill att texten ska fortsätta på en ny rad. Följande taggar skapar stycken och radbrytningar eller organiserar din text på annat sätt:

Nej sluttagg, eftersom ingenting händer med sidans innehåll. Använd detta för dikter och adresser, men inte stycken.