How to Learn the HTML Tags
HTML is built from tags, and a couple of dozen of them cover almost every web page you will ever build. Learn what each tag does and you can read and write HTML fluently. This deck pairs every essential tag with its job.
There are 14 cards in the deck below. You can read through them, practise them right here with the flip-card player, and then save the deck to study properly with spaced repetition — the method that makes them stick for months, not minutes.
Why the essential HTML tags is hard to memorize (and the fix)
Beginners confuse similar tags — ordered vs unordered lists, div vs span (block vs inline), and the many that need a closing tag. Anchoring each to its purpose sorts them out.
The fix is active recall plus spaced repetition. Instead of re-reading the list (which feels productive but barely works), you test yourself — pull each answer out of memory — and you review each card on a schedule that stretches over time. Every time you successfully recall a fact, the memory gets stronger and the next review is pushed further out. That's how you go from "I saw it once" to "I just know it."
The fastest way to learn the essential HTML tags
- Break it into small batches. Learn the structure tags first (html, head, body), then content tags (headings, paragraphs, links, images), then lists and containers.
- Test, don't re-read. Look at the question, say the answer out loud before flipping the card. The little struggle to recall is what builds the memory — a smooth re-read does almost nothing.
- Review on a schedule. Spaced repetition shows you each card right before you'd forget it. Get one right and it comes back in a few days, then a week, then a month. Miss one and it comes back sooner.
- Keep sessions short and daily. Five to ten minutes a day beats a two-hour cram every time. Consistency is the whole game.
One fact per card. Most tags come in pairs (<p>…</p>); a few are self-closing (<img>, <br>, <input>).
The full deck: the HTML Tags
Here's every card in the set. Practise them above, or save the deck and let spaced repetition schedule your reviews automatically.
| Tag | What it does |
|---|---|
| What does <h1> to <h6> do? | Define headings, from most important (h1) to least (h6) |
| What does <p> do? | Defines a paragraph |
| What does <a> do? | Creates a hyperlink (anchor); href sets the destination |
| What does <img> do? | Embeds an image; src sets the file, alt the description |
| What does <div> do? | A block-level container for grouping content |
| What does <span> do? | An inline container for a small piece of content |
| What does <ul> do? | An unordered (bulleted) list |
| What does <ol> do? | An ordered (numbered) list |
| What does <li> do? | A list item (inside ul or ol) |
| What does <br> do? | Inserts a line break |
| What does <strong> do? | Marks important text (usually bold) |
| What does <a href> attribute set? | The URL the link points to |
| What does <input> do? | Creates a form field for user input |
| What does <table> do? | Creates a table (with <tr> rows and <td> cells) |
Save this deck and actually remember it
Create a free account, keep this 14-card deck, and we'll schedule every review at the perfect moment. First deck free forever — no credit card.
Study this deck free →FAQ: learning the essential HTML tags
How long does it take to learn the essential HTML tags?
Most people can lock in the essential HTML tags within one to three weeks of short daily sessions. With spaced repetition doing 10–14 cards a day, you'll recognise them within days and recall them reliably within a couple of weeks.
What's the best way to memorize the essential HTML tags?
Active recall plus spaced repetition. Test yourself instead of re-reading, and review on a schedule that spaces the cards out over time. Flashcards are built for exactly this — which is why the deck above is the fastest path.
Is this deck free?
Yes. You can practise all 14 cards on this page for free with no account. Sign up (also free) to save the deck and let spaced repetition schedule your reviews so it sticks long-term.