Skapa en Välj ditt eget äventyr webbsida (7 / 10 steg)

Steg 7: Testning och felsökning

Jag gick vidare och gjorde en sida som är helt full av fel. Titta på det och se om du kan hitta misstag själv innan jag säger vad de är.

Misstag är följande: det finns inga nya linjer mellan länkarna, vilket gör det riktigt slarvig, länken till google är fortfarande på sidan, och jag inte använder nya linjer för min inledning, det är bara en lång rad av text.

Så låt oss titta på koden och se hur vi löser detta.

< html >

< head >
< title > dokumentets titel < / title >
< / head >

< body style = "bakgrund-färg: svart;" >

< h1 stil = "font-family: times; färg: vit; font-storlek: 20px;" >< center > detta är en webbsida < / center >< / h1 >

< center >
< p style = "färg: vit" >

Du vaknar upp en dag för att hitta att världen har invaderats av utomjordingar. Detta är inte normalt information
Du måste omedelbart på att vakna, men det finns en stående utanför ditt fönster, stirrar på dig.

Vad gör du?

< en href = "file:///C:/Users/Coleman/Desktop/Instructable/pistoldeath.html" > Start skrikande < /a >
< en href = "file:///C:/Users/Coleman/Desktop/Instructable/inside.html" > våg på främmande och bjuda in dem inne. < /a >
< en href = "file:///C:/Users/Coleman/Desktop/Instructable/sleeping.html" > låtsas att du inte ser det, rulla över och somna. < /a >

< /p >

< / center >
< p >

< en href = "http://www.google.com" > det här är en länk till google < /a >
< /p >

< / body >
< / html >

Länken till google är ganska lätt att ta bort, så vi kan bara ta bort den raden av koden och /p > < p >< runt den ange sin punkt. Resten av dem är avståndet fel, vilket innebär att jag glömde min < br > platser. Du kommer att märka att jag har fördelade min introduktion och länkar som jag ville i koden, men html inte plocka upp på detta. Vi måste göra alla nya rader manuellt. Så låt oss lägga dem, nu Låt oss titta på hur fast koden ser ut.

< html >

< head >
< title > dokumentets titel < / title >
< / head >

< body style = "bakgrund-färg: svart;" >

< h1 stil = "font-family: times; färg: vit; font-storlek: 20px;" >< center > detta är en webbsida < / center >< / h1 >

< center >
< p style = "färg: vit" >

Du vaknar upp en dag för att hitta att världen har invaderats av utomjordingar. Detta är inte normalt information < br >
Du måste omedelbart på att vakna, men det finns en stående utanför ditt fönster, < br >
stirrar på dig. < br >< br >

Vad gör du? < br >< br >

< en href = "file:///C:/Users/Coleman/Desktop/Instructable/pistoldeath.html" > Start skrikande < /a >< br >
< en href = "file:///C:/Users/Coleman/Desktop/Instructable/inside.html" > våg på främmande och bjuda in dem inne. < /a >< br >
< en href = "file:///C:/Users/Coleman/Desktop/Instructable/sleeping.html" > låtsas att du inte ser det, rulla över och somna. < /a >< br >

< /p >

< / center >

< / body >
< / html >

Så google länken tas bort och alla lämpliga < br > har lagts till. Men vad händer om vi har en mycket större webbsida? Hur hittar vi våra misstag då? I programmering är det alltid god praxis att kommentera din kod så att du vet vilken del som gör vad, och html är inget undantag. Här är hur HTML-kommentarer är gjort om du gör en mycket större och behöver hålla reda på allt.

<!--det här är en kommentar. Kommentarer visas inte i webbläsaren-->