· 3 min read

HTML Tags and Attributes: A 99-Flashcard Study Guide to Semantic Markup, Forms and Tables

Study HTML tags and attributes with 99 flashcards: semantic layout, text elements, forms, tables and metadata, plus look-alike pairs and the cards to fix.

Angle brackets around a browser wireframe with a checkbox, toggle and table grid among floating flashcards

Studying. But it's also a video game. 🎮

Flashcards, quizzes and games that make you actually remember.

Start playing — it's free

Posted by

Every website you've ever visited is built on the same few dozen HTML elements. Knowing them by heart — and knowing which attribute goes where — is what separates copying snippets from writing markup with confidence. The Flip It deck HTML: Tags & Attributes (code GT0636, 99 cards) is a compact reference you can review in short daily sessions.

Study this deck: HTML: Tags & Attributes

1 / 10
Question

HTML

Knew itLearning

Tap the card for the answer · swipe right if you knew it, left if not

Inside the deck

The cards follow a page from top to bottom:

  • Document & metadata: <head>, <title>, <meta>, charset, <link>, rel="stylesheet", <script>, <noscript>
  • Semantic layout: <header>, <nav>, <article>, <section>, <aside>, <footer>, <search>, <div>, <span>
  • Text-level semantics: <strong> vs <b>, <em> vs <i>, <mark>, <small>, <del>, <ins>, <sub>, <sup>, <code>, <pre>, <blockquote>, <q>, <abbr>, <cite>, <dfn>, <kbd>, <samp>, <var>, <time>
  • Media & interactive: <img>, alt, <audio>, <video>, <canvas>, <iframe>, <embed>, <details>, <progress>, <output>, <datalist>
  • Forms: <form>, action, method, <input> with text/password/checkbox/radio/submit, <textarea>, <select>, <option>, <label>, <fieldset>, <legend>, placeholder, required, disabled
  • Tables: <table>, <tr>, <td>, <th>, <thead>, <tbody>, <tfoot>, colspan, rowspan

A few cards from the deck

FrontBack
<article> tagSelf-contained content that could be distributed independently
<aside> tagContent tangentially related to the content around it, like a sidebar
<b> tagMakes text bold without semantic importance
<dfn> tagThe defining instance of a term
<search> tagA section containing search functionality
<input type="radio">A radio button for selecting one option from a group
Method attribute on <form>The HTTP method to use (GET or POST)
Rowspan attributeHow many rows a cell should span

Study in contrast pairs

The hardest cards are the look-alikes, so drill them side by side: <strong>/<b> and <em>/<i> (meaning vs. appearance), <article>/<section>/<div> (could it stand alone? does it have a theme? or is it just a styling box?), <q>/<blockquote>, <del>/<ins>, <code>/<kbd>/<samp>/<var> (code, what you type, what the computer prints, a variable). Many fronts end in a dangling "tag for" — rewrite them as questions ("When do you use <aside>?") so you recall usage, not just a definition.

Cards to fix or add

  • Card 13 says src is the required attribute of <img>. For valid HTML, alt is required too (empty alt="" for decorative images) — add it to the back. Cards 13 and 34 (src) overlap, as do 94 and 95 (rel); keep one of each.
  • Card 20 describes <embed> for "plugins" — browser plugins such as Flash have been dead since 2020; today it embeds PDFs and similar resources.
  • <search> (card 22) is recent: it joined the HTML standard in 2023.
  • Missing essentials worth five extra cards: <!DOCTYPE html>, <html lang>, <main>, <figure>/<figcaption>, and the name attribute on inputs — without it, a field is never sent when the form submits. Pair <label> with its for attribute, which must match the input's id.

Next steps

Once the structure is solid, style it with CSS Box Model, Selectors and Media Queries, then bring it to life with JavaScript ES6+ Features.

Find deck GT0636 in the library on Flip It.

Ready to learn faster? 🚀

Join FLIP IT for free and turn studying into a game.

Create my free account