HTML Tags Cheat Sheet

A complete reference of all standard HTML tags with one-line descriptions. Perfect for developers to quickly lookup syntax and usage.

Sections & Layout

  • <body></body> - Contains all visible page content.
  • <header></header> - Introductory content or navigation.
  • <footer></footer> - Footer section (copyright, links).
  • <nav></nav> - Navigation links.
  • <main></main> - Primary content of the document.
  • <article></article> - Self-contained content (e.g., blog post).
  • <section></section> - Thematic grouping of content.
  • <aside></aside> - Sidebar or tangential content.
  • <div></div> - Generic container for styling/grouping.
  • <span></span> - Inline container for text styling.

Headings & Text

  • <h1></h1> to <h6></h6> - Headings (h1 = highest importance).
  • <p></p> - Paragraph of text.
  • <br> - Line break (no closing tag).
  • <hr> - Horizontal rule (thematic break).
  • <pre></pre> - Preformatted text (preserves whitespace).
  • <blockquote></blockquote> - Block-level quotation.
  • <q></q> - Inline quotation.
  • <cite></cite> - Citation for a quote or reference.
  • <code></code> - Inline code snippet.
  • <var></var> - Variable in programming/math.
  • <samp></samp> - Sample output from a program.
  • <kbd></kbd> - Keyboard input (e.g., shortcuts).
  • <sub></sub> - Subscript text (e.g., H2O).
  • <sup></sup> - Superscript text (e.g., x2).
  • <time></time> - Machine-readable date/time.
  • <data></data> - Links content to machine-readable data.
  • <mark></mark> - Highlighted text.
  • <ins></ins> - Inserted text (underlined by default).
  • <del></del> - Deleted text (strikethrough by default).
  • <abbr></abbr> - Abbreviation (e.g., HTML).
  • <dfn></dfn> - Definition term.
  • <small></small> - Side comments or fine print.
  • <strong></strong> - Important text (bold by default).
  • <em></em> - Emphasized text (italic by default).
  • <b></b> - Bold text (no semantic meaning).
  • <i></i> - Italic text (no semantic meaning).
  • <u></u> - Underlined text (avoid for links).
  • <s></s> - Strikethrough text.
  • <wbr> - Optional word break opportunity.

Lists

  • <ul></ul> - Unordered list (bullet points).
  • <ol></ol> - Ordered list (numbered).
  • <li></li> - List item (inside ul/ol).
  • <dl></dl> - Description list (terms + definitions).
  • <dt></dt> - Term in a description list.
  • <dd></dd> - Definition in a description list.

Links & Media

  • <a></a> - Hyperlink (href attribute required).
  • <img> - Embeds an image (src attribute required).
  • <picture></picture> - Responsive image container.
  • <figure></figure> - Self-contained media (e.g., image + caption).
  • <figcaption></figcaption> - Caption for a <figure>.
  • <audio></audio> - Embeds sound content.
  • <video></video> - Embeds video content.
  • <source> - Alternative media sources for audio/video.
  • <track> - Subtitles/captions for media.
  • <embed> - Legacy external content embed.
  • <object></object> - Embeds external resources (e.g., PDFs).
  • <param> - Parameters for <object>.
  • <iframe></iframe> - Embeds another HTML page.
  • <map></map> - Image map (clickable areas).
  • <area> - Clickable region in an image map.

Tables

  • <table></table> - Defines a table.
  • <caption></caption> - Table title or description.
  • <thead></thead> - Header rows in a table.
  • <tbody></tbody> - Main content of a table.
  • <tfoot></tfoot> - Footer rows in a table.
  • <tr></tr> - Table row.
  • <th></th> - Table header cell.
  • <td></td> - Table data cell.
  • <col> - Styles columns without content.
  • <colgroup></colgroup> - Groups columns for styling.

Forms & Input

  • <form></form> - Container for input elements.
  • <input> - Input field (type=text, password, etc.).
  • <textarea></textarea> - Multi-line text input.
  • <button></button> - Clickable button.
  • <select></select> - Dropdown list.
  • <option></option> - Option in a dropdown.
  • <optgroup></optgroup> - Groups related options.
  • <label></label> - Label for a form element.
  • <fieldset></fieldset> - Groups related form controls.
  • <legend></legend> - Caption for a <fieldset>.
  • <datalist></datalist> - Predefined options for <input>.
  • <output></output> - Result of a calculation.
  • <meter></meter> - Scalar measurement (e.g., disk usage).
  • <progress></progress> - Progress indicator (e.g., loading).

Interactive Elements

  • <details></details> - Expandable/collapsible widget.
  • <summary></summary> - Summary for <details>.
  • <dialog></dialog> - Modal or popup dialog box.

Semantic & Miscellaneous

  • <template></template> - Client-side content template (hidden).
  • <slot></slot> - Placeholder in a web component.
  • <canvas></canvas> - Drawing surface for JavaScript.
  • <svg></svg> - Container for Scalable Vector Graphics.

Obsolete/Deprecated Tags (Avoid Using)

  • <acronym></acronym> - Deprecated; use <abbr> instead.
  • <applet></applet> - Deprecated; use <object> instead.
  • <basefont> - Deprecated; use CSS instead.
  • <big></big> - Deprecated; use CSS instead.
  • <center></center> - Deprecated; use CSS instead.
  • <dir></dir> - Deprecated; use <ul> instead.
  • <font></font> - Deprecated; use CSS instead.
  • <frame>, <frameset>, <noframes> - Deprecated; avoid frames.
  • <strike></strike> - Deprecated; use <del> or CSS.
  • <tt></tt> - Deprecated; use <code> or CSS.