Troubleshooting your HTML code

Check for syntax errors

Go Through the Problem HTML REALLY Slowly, sometimes it’s just as simple as a

1. Double quote or single quote that wasn’t closed
2. An attribute that you misspelled (font colour?)
3. Unclosed tag: <p Hello World!</p> 
4. Missing semi colon ; or closing tag </html>

Lose Your CSS (Stylesheet)

Extra elements will only make troubleshooting harder. Removing extra elements can be key to solving your problem. In your source code, comment out the link to your stylesheet or other elements you want to eliminate temporarily but not delete.

• Before <link rel=”stylesheet” href=”style.css” type=”text/css” />
• After <!-- <link rel=”stylesheet” href=”style.css” type=”text/css” /> -- >

Missing Images 

The notorious red “x” that shows in place of an image is also a common error. Check that the path and file name of the image is correct, including the file extension (.jpg, .gif, etc.). You should also check that the image has been uploaded to your Web server in the correct folder specified in the path.

Image in same folder as html

• <img src="smiley.gif" alt="Smiley face" width="42" height="42">

Image in different folder then html (for example images folder)

• <img src="/images/smiley.gif" alt="Smiley face" width="42" height="42">

Image from an external website

• <img src=http://www.w3schools.com/images/w3schools_green.jpg alt="W3Schools.com" style="width:104px;height:142px;">

Helpful online validator tools (Copy and paste your html or enter your URL address to find errors)

1. infohound.net
2. validator.w3.org
3. nibbler.silktide.com (Test everything about a website even popularity)