Creëren van een Kies uw eigen avontuur webpagina (7 / 10 stap)

Stap 7: Testen en debuggen


Nu we meerdere pagina's die we willen beheren moeten, dus ga zo door en sla je alles. Nu open te stellen uw webpage, en ervoor te zorgen dat alles correct is genoteerd, en dat alle links werken.

Ik ging vooruit en maakte een pagina die is absoluut doorzeefd met fouten. Kijken en zien of u de fouten jezelf vinden kunt voordat ik zeggen wat ze zijn.

De fouten zijn als volgt: er is geen nieuwe lijnen tussen de koppelingen, waardoor het echt slordig, de link naar google is nog steeds op de pagina, en ik niet het gebruiken van nieuwe lijnen voor mijn inleiding, is slechts één lange regel tekst.

Dus laten we kijken naar de code en zie hoe wij dit oplossen.

< html >

< head >
< titel > titel van het document < / title >
< / head >

< body style = "achtergrond-kleur: zwart;" >

< h1 stijl = "lettertype-familie: keer; kleur: wit; lettertype-grootte: 20px;" >< center > Dit is een webpage < / center >< / h1 >

< center >
< p style = "color: white" >

Je wakker wordt een dag om te vinden dat de wereld heeft binnengevallen door buitenaardse wezens. Dit is normaal gesproken niet informatie
je zou moeten onmiddellijk na het wakker worden, maar er is een permanent buiten uw venster, u staren.

Wat voor werk doe je?

< een href = "file:///C:/Users/Coleman/Desktop/Instructable/pistoldeath.html" > starten schreeuwen < /a >
< een href = "file:///C:/Users/Coleman/Desktop/Instructable/inside.html" > Golf op de vreemdeling en nodigen ze binnen. < /a >
< een href = "file:///C:/Users/Coleman/Desktop/Instructable/sleeping.html" > doen alsof je niet zien, rollen, en ga weer slapen. < /a >

< /p >

< / center >
< p >

< een href = "http://www.google.com" > Dit is een link naar google < /a >
< /p >

< / body >
< / html >

De link naar google is vrij gemakkelijk te verwijderen, zodat wij uitsluitend naar die lijn van code en het < p >< /p > wegvagen annuleerteken rond het opgeven van het lid. De rest van hen zijn afstand fouten, wat betekent dat ik mijn < br > vergat in plaatsen. U zult merken dat ik mijn inleiding en links zijn de manier waarop die ik in de code wilde hebben verdeeld, maar html is niet ingaan op dit. Wij moeten alle nieuwe regels handmatig doen.  Dus laten we toevoegen die, nu laten we eens kijken hoe de vaste code eruit.

< html >

< head >
< titel > titel van het document < / title >
< / head >

< body style = "achtergrond-kleur: zwart;" >

< h1 stijl = "lettertype-familie: keer; kleur: wit; lettertype-grootte: 20px;" >< center > Dit is een webpage < / center >< / h1 >

< center >
< p style = "color: white" >

Je wakker wordt een dag om te vinden dat de wereld heeft binnengevallen door buitenaardse wezens. Dit is normaal gesproken niet informatie < br >
je zou moeten onmiddellijk na het wakker worden, maar er is een permanent buiten uw raam, < br >
staren je. < br >< br >

Wat voor werk doe je? < br >< br >

< een href = "file:///C:/Users/Coleman/Desktop/Instructable/pistoldeath.html" > starten schreeuwen < /a >< br >
< een href = "file:///C:/Users/Coleman/Desktop/Instructable/inside.html" > Golf op de vreemdeling en nodigen ze binnen. < /a >< br >
< een href = "file:///C:/Users/Coleman/Desktop/Instructable/sleeping.html" > doen alsof je niet zien, rollen, en ga weer slapen. < /a >< br >

< /p >

< / center >

< / body >
< / html >

Dus de google link is verwijderd en alle de juiste < br > bijgekomen. Maar wat als we hebben een veel grotere webpagina? Hoe vinden we onze fouten dan? In de programmering is het altijd goede praktijken wil uw code zodat u weet welk deel wat doet, en html is geen uitzondering. Hier is hoe de HTML-opmerkingen worden gedaan in het geval u een veel grotere pagina aan het doen zijn en moet bijhouden van alles.

<!--dit is een reactie. Opmerkingen worden niet weergegeven in de browser-->

Gerelateerde Artikelen

Het creëren van een heks met 123D schepsel

Het creëren van een heks met 123D schepsel

een 3D heks maken voor Halloween.Dit Instructable zullen In twee segmenten. De eerst beeldhouwen het hoofd van de heks, en de tweede beeldhouwen de arm en apple.U zult 123D schepsel beschikbaar in de Apple App Store.Het uiteindelijke model van de hek
Creëren van een universiteit Monument en Replica brons

Creëren van een universiteit Monument en Replica brons

In 2008, mijn vader en ik waren in dienst tot het maken een 14' hoge monument van een cougar mascotte voor Washington State University. We zijn ook gemaakt met drie kleinere formaat bronzen replica's van het monument te verkopen aan alumni en fans.In
Het creëren van een eenvoudige 3D-Model op Fusion 360 en het creëren van een Toolpath MYDIYCNC

Het creëren van een eenvoudige 3D-Model op Fusion 360 en het creëren van een Toolpath MYDIYCNC

Hallo jij daarTory op MyDIYCNC hier. Vandaag wil ik u tonen hoe te gebruiken een zeer handig stuk van software van Autodesk genoemd: Fusion 360. Met deze software kunt u eenvoudig 3D-modellen, tot uitgebreide en complexe 3D-modellen maken.Wat ik wil
Het creëren van een bevestigbare stencil bijlage voor een spuitbus.

Het creëren van een bevestigbare stencil bijlage voor een spuitbus.

Graffiti echter koel kan zijn, is afwijzend op door de man, dus als je besloten voor de weergave van uw illustratie openbaar of de saaie buurt sparren je moet doen in een manier die gemakkelijk, snel en eenvoudig. Dat is waar mijn uitvinding komt in
De kunst van het weer: creëren van een artistieke weer milieu

De kunst van het weer: creëren van een artistieke weer milieu

een van de vierde graad leerkrachten ik werk met kwam naar me en vroeg als ik kon bedenken met een les die weer voor de vierde rang klassen.  Zij waren klaar om te beginnen een eenheid in de wetenschap waarbij weer, evenals het lezen van een boek die
Het creëren van een basisdeel model voor Autodesk Inventor Professional 2011

Het creëren van een basisdeel model voor Autodesk Inventor Professional 2011

 Het doel van dit instructable is om te onderwijzen nieuwe gebruikers van Autodesk Inventor Professional 2011 op basisdeel modellering van functies. Onderwerpen die wij zullen behandelen zijn: lijn- en cirkel functies, dimensionering, extrusie en fil
Creëren van een elektromotor

Creëren van een elektromotor

Hoe het zal werken: de elektromotor werkt door het draaien van een spoel van draad over een magneet. Wanneer een elektrische stroom door een spoel van draad gaat produceert een elektrisch veld. Door zal deze stroom in- en uitschakelen wij behoeden vo
Het creëren van een functie in MATLAB

Het creëren van een functie in MATLAB

MATLAB is een hulpmiddel waarmee ingenieurs en andere professionals kunnen snel en efficiënt gegevens analyseren, berekeningen maken en weergeven van informatie. Een van de vele manieren waarop de gebruiker met MATLAB communiceren kan is door het geb
Het creëren van een bush mes met gelaagde houten handvat

Het creëren van een bush mes met gelaagde houten handvat

dit documenten het proces van het creëren van een 'bush mes' van schroot staal en hout, tot het eindproduct. Het doel was om te produceren een nuttig hulpmiddel voor een van mijn favoriete pass-tijden, wild kamperen. Het werd ontworpen om te voldoen
Creëren van een programma in Visual Basic: Browser van het Web

Creëren van een programma in Visual Basic: Browser van het Web

dit Instructable legt het proces van het creëren van een eenvoudige web browser applicatie in VB.NETHet is ontworpen als een vervolg op mijn eerste VB.NET Instructable: maken van uw eerste programma In Visual Basic. Het is aanbevolen dat u gelezen do
Het creëren van een aangepaste Chinese knoop Strand met Hand gemaakt glaskralen

Het creëren van een aangepaste Chinese knoop Strand met Hand gemaakt glaskralen

dit instructable beschrijft het proces om te maken van aangepaste glazen bolletjes met een propaan-fakkel gevolgd door het creëren van een aangepaste Chinese knoop-onderdeel dat houdt de kralen en voltooit het stuk van juwelen.  Het wordt veronderste
Brengen van buiten naar binnen, het creëren van een vivarium voor een Python tapijt

Brengen van buiten naar binnen, het creëren van een vivarium voor een Python tapijt

Ik wilde dit Instructable maken voor iedereen die eigenaar is van een python tapijt of iedereen die overweegt het bezit van dergelijke een geweldig dier. Ik wilde mijn kennis van de veehouderij en mijn passie voor reptielen delen met mensen. Ik heb Z
Microcontroller Tutorial deel 10: Creëren van een spel (de knop spel)

Microcontroller Tutorial deel 10: Creëren van een spel (de knop spel)

Nu zijn we klaar om toe te passen wat we weten en maken een daadwerkelijke spel. Het spel zal bestaan uit een aantal drukknoppen en twee sets van LEDs (2 rijen van 7). Het doel van het spel is om te zien die tussen twee mensen kan duwen hun knop de m
Creëren van een pictogram, snelkoppelingen en auto uitvoeren opdrachten voor een USB-flashgeheugenapparaat

Creëren van een pictogram, snelkoppelingen en auto uitvoeren opdrachten voor een USB-flashgeheugenapparaat

De vrij gemakkelijke manier om mensen met uw fancy flash drive verbazen! (voor Windows)Oke, eerste: moet u één of andere vorm van Verwisselbare opslag (niet noodzakelijkerwijs USB, maar het is leuk)Nu, plaatst u het verwisselbare opslag, en opent een