If you’re a beginner web developer, learning HTML can be a daunting task.

Root Elements.

Tabular Data.

Document Metadata.

Even for experienced coders, it can get confusing to keep everything organized and functional.

That’s why we at Metapress created this HTML5 Periodic Table. This resource provides an overview of the important HTML elements you’ll use when making a website. Bookmark this page, or embed this table on your own website to always have a quick cheat sheet of the HTML elements you’ll need to know.

If you want to embed this HTML table on your own website, use the following code:

<iframe src=“https://metapress.com/html5periodictable/” scrolling=“no” frameborder=“0” width=“850” height=“600”></iframe>

div iframe
figure figcaption embed object
cite style
dt dd input label param video
dfn meta
dl keygen audio source
abbr link
ol ul
map area base
pre blockquote
svg math title
p hr
track head
h3 main
meter progress form fieldset legend wbr br
kbd sub th
h4 aside
textarea span bdo
rt samp td
h5 article
option ruby mark
bdi rp code tr
h6 h1 h2 nav
optgroup sup
i time tfoot
header section
datalist b
small thead
footer body
select u
strong tbody
script noscript template address em a output
del ins button html details var menu
menu-item summary data col col-group caption table
  • Root elements
  • scripting
  • interactive elements
  • document metadata
  • edits
  • tabular data
  • grouping content
  • embedded content
  • forms
  • sections
  • text-level semantics
  • Powered By Metapress
Periodic Table of HTML

Written by Alex Jasin

Last Updated: June 7, 2019