HTML Tips
Small HTML quirks, troubleshooting tips, and practical solutions

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


HTML may seem simple at first, but there are many lesser-known features and techniques that can make your markup more effective and your development easier.

In this unit, you’ll discover practical HTML tips and tricks. We’ll cover topics like preserving whitespace in your content, hiding broken images gracefully, using figure and figcaption for media, conditionally setting attributes, and interesting facts like how HTML element IDs become global JavaScript variables.

These tips will help you write cleaner, more semantic HTML and solve common problems you’ll encounter in web development.

Lessons in this unit:

0: ▶︎ Introduction
1: Preserving white space and line breaks in a string in HTML
2: HTML, avoid displaying a broken image if the image is not found
3: The HTML figure tag
4: Change image source in dark mode
5: Accept only images in file input
6: HTML comments
7: Some useful tricks available in HTML5
8: How to make an hr invisible
9: Conditionally set an HTML attribute
10: An HTML element id is a global variable