TROUBLESHOOTING
Here are a few problems that beginners commonly face, along with the pages where you can find solutions to them.
STARTING OUT
The browser shows the markup typed in (not the result page).
Check the file extension is .html and not .txt. p 30, 32
Bold text, italics, headings, or link text are extending longer than expected.
Check you have closed the relevant tag e.g. </a>. p 21, 22
The page I linked to is not found.
Check the relative URL. p 83, 84
IMAGES
Images are not showing up.
Check the relative URL. p 83, 84
Images are looking blurry.
Check that you have saved your images in the right format and at the size you want to show them at. p 109–113
Border images are not showing.
This only works with latest browsers. (Also, check the relative URL). p 319, 21, 22
GIFs that were resized now look grainy or have jagged edges.
Check the color space in your image editing program. It should be RGB (not indexed color).
TEXT
Some text flashes up before showing the correct font.
You have a Flash Of Unstyled Content. p 278
When copying text from word processors, lots of extra tags are added to the markup.
Copy the text into a plain text editor (to remove formatting) then paste it into your HTML editor. p 49
The text looks bigger/smaller on some screens.
This is usually due to variances in screen resolutions. Also, check the type scale is set for the <body> element. p 377, 276
The font size is wrong in IE when I use ems.
See above. p 276
The font I specified is not showing in some ...
Get HTML & CSS: Design and Build Websites now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.