Show Menu
Cheatography

HTML tags - Quick SEO & Accessibility Notes Cheat Sheet by

Learn 1000+ HTML tags with examples, SEO benefits, and real-world usage. Perfect for developers, designers, and SEO experts. Explore our website to get more clarity in HTML tags - https://codeformatting.com/blogs/html-tags/

100+ HTML tags sheet

<!D­OCT­YPE>
Declares the document type and HTML version; required at top of every HTML5 file.
<ht­ml>
Root element that contains the entire HTML document.
<ba­se>
Specifies the base URL for all relative URLs in the document
<he­ad>
Container for metadata: title, links to script­s/s­tyles, meta tags.
<ti­tle>
Sets the page title shown in browser tabs and search results.
<me­ta>
Defines metadata like charset, viewport, and SEO descri­ptions.
<st­yle>
Holds internal CSS styles for the document.
<li­nk>
Links external resources such as styles­heets or prefetch hints.
<sc­rip­t>
Embeds or references JavaScript code for intera­cti­vity.
<no­scr­ipt>
Displays content when JavaScript is disabled in the browser
<te­mpl­ate>
Holds HTML markup that is not rendered until cloned via JS.
<bo­dy>
Holds the visible content of the page.
<he­ade­r>
Represents introd­uctory content or a set of naviga­tional links.
<na­v>
Defines a set of navigation links.
<ma­in>
Specifies the main content of the document (unique landmark).
<ar­tic­le>
Represents a self-c­ont­ained compos­ition like a blog post.
<fo­ote­r>
Contains footer inform­ation about its nearest section or page.

HTML Heading tags

<h1>
Top-level heading, used for main titles.
<h2>
Second­-level heading for subsec­tions.
<h3>
Third-­level heading used for further subdiv­isions.
<h4>
Heading for smaller subsec­tions.
<h5>
Smaller heading; rarely used for major structure.
<h6>
Smallest heading level for fine-g­rained titles.

Text formatting and Listing HTML Tags

<ul>
Unordered list; items use bullets.
<li>
List item used inside ordered or unordered lists.
<ol>
Ordered list; items are numbered.
<dl>
Descri­ption list for name/value groups.
<dt>
Term/name in a descri­ption list.
<bl­ock­quo­te>
Represents a long quotation from another source.
<pr­e>
Prefor­matted text where whitespace and newlines are preserved.
<hr>
Thematic break; a horizontal rule used to separate content.
<br>
Line break inside text; forces a new line.
<p>
Paragraph element for blocks of text.
<b>
Stylistic element to render text as bold (prese­nta­tio­nal).
<i>
Italic text; for voice or offset text.
<st­ron­g>
Important text—s­ema­nti­cally stronger than bold.
<em>
Emphasized text, typically rendered in italics.
<sm­all>
Smaller text for fine print.
<s>
Strike­through text to indicate removal or no longer accurate.
<ma­rk>
Highlights text for reference or attention.
<u>
Underlined text; used for annota­tions or stylistic emphasis.
<su­b>
Subscript text.
<su­p>
Supers­cript text.
<wb­r>
Word break opport­unity for long, unbroken text.
 

HTML Table tags

<ta­ble>
Defines a table.
<ca­pti­on>
Table caption describing its conten
<co­lgr­oup>
Groups columns within a table for styling.
<co­l>
Defines column properties within a colgroup.
<th­ead>
Table header group containing header rows.
<tb­ody>
Table body group containing data rows.
<tf­oot>
Table footer group; useful for summaries or totals.
<tr>
Table row that contains table cells.
<th>
Header cell in a table, usually bold and centered.
<td>
Standard data cell within a table row.

HTML Form tags

<fo­rm>
Container for intera­ctive controls to submit data.
<le­gen­d>
Caption for a fieldset describing the grouped controls.
<fi­eld­set>
Groups related form controls.
<bu­tto­n>
Clickable button used to submit or trigger actions.
<se­lec­t>
Drop-down list for selecting one (or multiple) options.
<in­put>
Single­-line form control for text, checkb­oxes, radios, etc.
<la­bel>
Labels a form control for access­ibility and usability.
<da­tal­ist>
Provides autoco­mplete options for an input.
<te­xta­rea>
Multi-line text input control.
<op­tio­n>
Represents an option in a select control

Video, Image related tags

<im­g>
Embeds an image; use src and alt attrib­utes.
<pi­ctu­re>
Container for multiple source elements for responsive images.
<fi­gca­pti­on>
Caption or legend for a figure element.
<fi­gur­e>
Self-c­ont­ained content, often with an image and caption.
<so­urc­e>
Specifies multiple media resources for picture, audio, or video.
<ca­nva­s>
Bitmap drawing area for scriptable graphics.
<ar­ea>
Defines a clickable area inside an image map.
<pi­ctu­re>
Container for multiple source elements for responsive images.
<ma­p>
Defines an image map with clickable areas.
<vi­deo>
Embeds video content with playback controls.
<tr­ack>
Specifies timed text tracks like captio­ns/­sub­titles for media.
<au­dio>
Embeds sound content with playback controls.
<em­bed>
Embeds external content like plugins or media.
<if­ram­e>
Embeds another HTML page within the current page.

Other HTML tags

<di­alo­g>
Dialog box or window for user intera­ctions
<sl­ot>
Placeh­older inside web components where content is inserted.
<bd­i>
Isolates text direct­ion­ality for mixed-­dir­ection content.
<bd­o>
Explicitly overrides the current text direction.
<ru­by>
Container for ruby annota­tions used in East Asian typogr­aphy.
<rt>
Ruby text providing pronun­ciation or short annota­tions
<rp>
Parent­hesis for browsers that don't support ruby annota­tions
<po­rta­l>
Experi­mental element for telepo­rting a browsing context.
<co­mma­nd>
Deprecated element histor­ically used for commands or buttons.
<is­ind­ex>
Obsolete single­-line input element (do not use).
<bg­sou­nd>
Obsolete; used for background sound in legacy browsers.
<ac­ron­ym>
Obsolete; use <ab­br> instead
<da­ta>
Associates machin­e-r­eadable data with human-­rea­dable content.
<su­mma­ry>
Summary or label for a details widget.
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          HTML5 deutsch Cheat Sheet

          More Cheat Sheets by denish

            HTML Cheat Sheet for Beginners Cheat Sheet by Denish Maniya