De flesta textredigeringsprogram, inklusive Notepad eller Notepad++ för Windows, TextRedigera för Mac och gedit för GNU/Linux kan användas för att skriva HTML-dokument. Öppna ett nytt dokument och använd Arkiv → Spara som i den övre menyn för att spara det som en "Webbsida", eller för att ändra filändelsen till ".html" istället för ".doc", ".rtf", eller någon annan förlängning. Du kan se en varning om att ditt dokument kommer att ändras till "plain text" istället för "rich text", eller att särskild formatering och bilder inte kommer att sparas ordentligt. Detta är bra; HTML-dokument använder inte dessa alternativ. Spara ditt tomma dokument, hitta sedan dokumentikonen i datorn och dubbelklicka för att öppna den. Det bör öppnas som en tom webbsida i din webbläsare. Om det inte gör det, dra filikonen till webbadressen (adress) i din webbläsare. När du redigerar ditt HTML-dokument i denna handledning, kan du hålla kontrollera tillbaka och se hur din webbsida ändras. Observera att detta faktiskt inte skapar en webbplats på nätet. Det kommer inte att vara tillgängligt av andra människor, och du behöver inte en internetuppkoppling för att testa. Detta använder bara en webbläsare för att "läsa" ditt HTML-dokument som om det vore en webbplats. Markup-taggar visas inte på en webbsida som normal text. Istället berättar de för din webbläsare hur du visar sidan och dess innehåll. "Starttaggen" innehåller instruktioner. Det kan till exempel säga till webbläsaren att visa text som fetstil. Du behöver också en "sluttagg" för att låta webbläsaren veta var instruktionerna gäller: i det här exemplet kommer all text mellan starttagg och sluttagg att vara fet. Skriv ändtaggar inuti vinkelfästen också, men börja med ett snedstreck efter den första konsolen.  Skriv starttaggar mellan vinkelparenteser: <starttaggen går här> Skriv sluttaggar mellan vinkelparenteser, men lägg ett snedstreck efter den första parentesen: </sluttagg går här>) Fortsätt läsa för att lära dig hur man skriver funktionella markeringstaggar. För detta steg, allt du behöver komma ihåg är det grundläggande formatet de är skrivna i: < > och < / > Om du använder andra HTML tutorials också, kan du se dem hänvisa till taggarna som "element" och texten mellan start och slut taggar som "element innehåll". Varje html-dokument börjar med en <html>-tagg och avslutas med en </html>-tagg. Detta talar om för webbläsaren att allt mellan dessa taggar är i HTML. Lägg till dessa taggar i ditt dokument: Ofta startas HTML-filer med en <!DOCTYPE html> rad som anger att filen som helhet ska läsas som en HTML-fil av webbläsare. Det behövs inte, men kan bidra till att lösa kompatibilitetsproblem. Skriv <html> högst upp i ditt dokument. Tryck på enter eller retur flera gånger för att ge dig själv lite utrymme, skriv sedan </html> Kom ihåg att skriva allt annat i den här handledningen mellan dessa två taggar. Mellan taggarna <html> och </html> skriver du en starttagg <head> och en sluttagg </head>. Ge dig själv utrymme att skriva mellan dem. Allt mellan dessa huvudtaggar kommer faktiskt inte att visas på själva sidan. Prova följande och se var det dyker upp istället: Skriv mellan taggarna <head> och </head> och </title> Mellan taggarna <title> och </title> Skriv Hur man lär sig HTML - wikiHow. Spara dokumentet och öppna det i en webbläsare (eller spara dokumentet, sedan uppdatera webbläsaren sidan om det redan är öppet.) Ser du vad du skrev högst upp i webbläsaren, ovanför adressfältet? Allt annat i detta nybörjardokument kommer att gå i en kroppsdel, som faktiskt visas på webbsidan. Efter </head>-taggen, men före </html>-taggen, skriv <body> och </body>. För resten av denna handledning, allt du skriver kommer att gå in mellan dessa kroppstaggar. Du bör nu ha ett dokument som ser ut så här: <html> <head> <title>Hur man lär sig HTML - wikiHur </title> </head> <body> </body> </html> Nu är det dags att skriva något du faktiskt kan se i din webbläsare! Allt du skriver inom kroppen taggar kommer att dyka upp i din webbläsare efter att du spara HTML-dokumentet och uppdatera webbläsaren sidan. Skriv dock inget med < eller > symbolerna, eftersom din webbläsare kommer att försöka tolka det som en HTML-instruktion istället för normal text. Försök skriva Hej världen! (eller något annat du gillar), lägg sedan till dessa nya taggar runt den och se vad som händer varje gång: <em>Hej värld! </em> kommer att dyka upp som "betonad text:" Hej världen!   Hej världen! Kommer att visa sig som "stark text:" Hej världen!   Hej världen! Kommer att dyka upp med en strejk: Hej världen!   Hej världen! </sup> kommer att dyka upp som superskript: Hej världen!   Hej världen! < / sub> kommer att dyka upp som subscript: Hej världen!  Prova kombinationer av dessa: Hur ser <em>Hej värld! </stark> </em> ut? Om du försöker skriva flera rader text i ditt HTML-dokument, kanske du märker att raden bryter inte visas i din webbläsare. Du måste koda dessa i dig själv: <p>Detta är ett separat stycke. </p> Den här meningen följs av en radbrytning. <br>innan denna mening börjar.Detta är den första taggen du har sett som inte behöver en ändetagg! Dessa kallas "tomma taggar".  Gör rubriker för att visa namnen på sektionerna: <h1>huvudtext </h1>: den största rubriken <h2>huvudtexten </h2> (huvudhuvudrubriken på den andra nivån) <h3>huvudtexten </h3> (huvudrubriken på den tredje nivån) huvudtexten <h4> (huvudrubriken på den fjärde nivån) <h5>huvudtexten </h5> (den minsta rubriken) Det finns flera olika sätt att skriva listor på din webbplats. Prova följande typer av kod och se vilken du gillar. Observera att ett par taggar går runt hela listan (t.ex. < ul> och </ul> taggar för "obeställd lista"), medan enskilda objekt på listan är omgivna av ett annat par taggar, t.ex. <li> och </li>.  Använd denna kod för att göra listor: <ul> <li>En post </li>En annan post </li>En annan post </li>Eller denna kod för att göra numrerade listor: <ol>Punkt 1 </li>Punkt 2 </li>Punkt 3 </li>Punkt 3 </li>eller denna kod för att göra en lista som definierar termer: <dl>Kaffe </dt> </dt> <dd>- Kvalité </dd> </dd> Prova följande taggar, eller klicka på länkarna för mer information. Du måste använda en webbhotelltjänst så att du har en webbadress att länka till i bildbrickan: Sätt en linje i HTML: <br> eller <hr> Lägg till bilder: <img src="din_image_url"> Du kan också använda denna kod för att länka till andra sidor och webbplatser, men för tillfället, eftersom du kanske inte har en webbplats ännu, kommer vi att fokusera på "anchors", eller specifika platser på sidan som du kan länka till: Gör först ett ankare med <a> taggen på sidan som du vill länka till. Nämn något beskrivande och lätt att komma ihåg.Använd <href> för att länka till dessa ankare eller till en annan webbsida: < a href="på webbsidan eller namnet på ankaret på denna sida" > Skriv texten eller bilden som kommer att visas som en länk här. </a> För att länka till ett ankare på en annan webbsida, lägg till #-tecknet efter webbadressen, följt av namnet på ankaret. Till exempel https://www.wikihow.com/Learn-HTML#Tips länkar till avsnittet Tips på denna sida.
Öppna ett HTML-dokument. Visa ditt dokument med en webbläsare. Förstå markeringstaggar. Skriv din första <html> tagg. Fyll i <head>-delen av ditt dokument. Skapa ett avsnitt <body>. Lägg till text i olika stilar. Dela upp din text i stycken. Lär dig att göra listor. Ta fram din sida med radbrytningar, horisontella linjer och bilder. Länk till andra platser på sidan.