Use this file to demonstrate mistakes and how browsers try to fix them.
This paragraph was never closed properly
This is supposed to be a new paragraph, but the browser guesses where to close the previous one.
This is bold and italic text - tags should close in reverse order!
Correct way: bold and italic text
Screen readers and SEO tools get confused when heading levels are skipped.
h1 → h2 → h3 (don't skip levels)
There should only be ONE h1 per page - it's the main title.
Using multiple h1s confuses search engines about what the page is about.
Bad: <img src="photo.jpg">
Good: <img src="photo.jpg" alt="Description of the image">
Tables should ONLY be used for tabular data (like spreadsheets, schedules).
Don't use tables to position elements on the page - that's CSS's job!
Bad way to add space:
Line 1Better: Use CSS margin/padding for spacing, or proper paragraph tags.
This works but is hard to maintain!
Better: Use CSS classes in a separate stylesheet or style tag.
HTML is forgiving - browsers try to fix your mistakes silently.
This is both good (page still renders) and bad (you don't know about the bug).
Use browser dev tools (F12 → Elements) to see how browsers interpret your HTML.