HTML Database

All elements

Periodic Table of HTML Elements

Text-level semantics

• a : hyperlink
  example: <a href='https://developer.mozilla.org/'>this link goes to Mozilla</a>
• abbr : abbreviation or acronym
  example: <abbr>this is the abbr tag</abbr>
• b : displays text in bold. Use the 'strong' tag instead
  example: <b>this is the b tag</b>
• bdi : isolated bidirectional text
  example: <bdi>...</bdi>
• bdo : override directionality
  example: <bdo>...</bdo>
• cite : title of a work
  example: <cite>this is the cite tag</cite>
• code : computer code
  example: <code>this is the code tag</code>
• data : machine-readable equivalent
  example: <data>this is the data tag</data>
• dfn : defining instance of a term
  example: <dfn>this is the dfn tag</dfn>
• em : emphasized text
  example: <em>this is the em tag</em>
• i : renders text in italic. Use the 'em' tag instead
  example: <i>this is the i tag</i>
• kbd : user input
  example: <kbd>this is the kbd tag</kbd>
• mark : highlighted text
  example: <mark>this is the mark tag</mark>
• q : short inline quotation
  example: <q>this is the q tag</q>
• rp : ruby annotation parenthesis
  example: <rp>...</rp>
• rt : ruby annotation text
  example: <rt>...</rt>
• ruby : ruby annotation
  example: <ruby>...</ruby>
• s : strikethrough text
  example: <s>this is the s tag</s>
• samp : sample output
  example: <samp>this is samp tag</samp>
• small : small print
  example: <small>this is the small tag</small>
• span : generic inline container
  example: <span>...</span>
• strong : important text
  example: <strong>this is the strong tag</strong>
• sub : subscript
  example: <sub>...</sub>
• sup : superscript
  example: <sup>...</sup>
• time : date/time
  example: <time>this is the time tag</time>
• u : creates underline text
  example: <u>this is the u tag</u>
• var : used to mark a variable
  example: <var>this is the var tag</var>
• wbr : line break opportunity
  example: <wbr>

Document sections

• address : contact information for a page or article
  example: <address>this is the address tag</address>
• article : self-contained syndicatable or reusable composition
  example: <article>this is the article tag</article>
• aside : section with tangentially related content
  example: <aside>this is the aside tag</aside>
• body : document body
  example: <body>this is the body tag</body>
• footer : footer for a page or section
  example: <footer>this is the footer tag</footer>
• h1-h6 : heading
  example: <h1>this is h1 tag</h1>
• header : group of introductory or navigational aids
  example: <header>this is the header tag</header>
• main : main content of a document
  example: <main>this is the main tag</main>
• nav : section with navigational links
  example: <nav>this is the nav tag</nav>
• section : document or application section
  example: <section>this is the section tag</section>

Grouping content

• blockquote : long quotation
  example: <blockquote>this is the blockquote tag</blockquote>
• br : false
  example: false
• dd : description details
  example: <dd>this is the dd tag</dd>
• dialog : false
  example: false
• div : false
  example: false
• dl : description list
  example: <dl>this is the dl tag</dl>
• dt : description term
  example: <dt>this is the dt tag</dt>
• figcaption : figure caption
  example: <figcaption>this is the figcaption tag</figcaption>
• figure : figure with optional caption
  example: <figure>this is the figure tag</figure>
• hr : thematic break
  example: <hr>
• li : list item
  example: <li>this is the li tag</li>
• ol : ordered list
  example: <ol>this is the ol tag</ol>
• p : paragraph
  example: <p>this is the p tag</p>
• pre : preformatted text
  example: <pre>this is the pre tag</pre>
• ul : unordered list
  example: <ul>this is the ul tag</ul>

Forms

• button : button control
  example: <button>this is the button tag</button>
• datalist : predefined options for other controls
  example: <datalist>this is the datalist tag</datalist>
• fieldset : group of user controls
  example: <fieldset>this is the fieldset tag</fieldset>
• form : user-submittable form
  example: <form>this is the form tag</form>
• input : user-input control
  example: <input>this is the input tag</input>
• keygen : false
  example: false
• label : caption for a form control
  example: <label>this is the label tag</label>
• legend : caption for fieldset
  example: <legend>this is the legend tag</legend>
• meter : false
  example: false
• optgroup : group of options within a select element
  example: <optgroup>this is the optgroup tag</optgroup>
• option : option within a select element or a datalist element
  example: <option>this is the option tag</option>
• output : false
  example: false
• progress : false
  example: false
• select : option-selection form control
  example: <select>this is the select tag</select>
• textarea : text input area
  example: <textarea>this is the textarea tag</textarea>

Interactive elements

• details : control for additional information
  example: <details>...</details>
• menu : list of commands
  example: <menu>...</menu>
• summary : caption for details
  example: <summary>...</summary>

Image & multimedia

• area : image map area
  example: <area>...</area>
• audio : audio player
  example: <audio>...</audio>
• canvas : false
  example: false
• img : image
  example: <img src='image.png'>
• map : image map
  example: <map>...</map>
• picture : false
  example: false
• source : media source
  example: <source>...</source>
• svg : false
  example: false
• track : text track
  example: <track>...</track>
• video : video player
  example: <video>...</video>

Tabular data

• caption : table caption
  example: <caption>...</caption>
• col : table column
  example: <col>...</col>
• colgroup : column group
  example: <colgroup>...</colgroup>
• table : table
  example: <table>...</table>
• tbody : table body
  example: <tbody>...</tbody>
• td : table cell
  example: <td>...</td>
• tfoot : table footer
  example: <tfoot>...</tfoot>
• th : table header cell
  example: <th>...</th>
• thead : table header
  example: <thead>...</thead>
• tr : table row
  example: <tr>...</tr>

Root element

• html : the root element
  example: <html lang='en'>...</html>

False

• del : false
  example: false
• ins : false
  example: false

Metadata & scripting

• base : base URL for all relative URLs in the page
  example: <base href='http://example.com/page.html'>
• head : container for metadata
  example: <head>...</head>
• link : links to external resources
  example: <link rel='stylesheet' href='styles.css'>
• meta : metadata about the document
  example: <meta charset='utf-8'>
• noscript : fallback content for script
  example: <noscript>...</noscript>
• script : embedded script
  example: <script>...</script>
• style : embedded CSS
  example: <style>...</style>
• title : document title
  example: <title>...</title>

Embedded content

• embed : integration point for an external application or interactive content
  example: <embed>...</embed>
• object : integration point for an external application or interactive content
  example: <object>...</object>
• param : parameter for an object
  example: <param>...</param>
• source : false
  example: false