HTML Cheat Sheet

This HTML cheat sheet includes all HTML5 elements, their attributes, and their DOM interface.

Element	Description	Attributes	DOM Interface	New in HTML5?
`<!--...-->`	Specifies a comment	None
`<!DOCTYPE>`	Specifies the document type	None
`<a>`	Specifies a hyperlink	`Global Attributes`; `Event Handlers`; `href`; `target`; `download`; `rel`; `hreflang`; `type`	`HTMLAnchorElement`
`<abbr>`	Specifies an abbreviation	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<address>`	Specifies an address element	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<area>`	Specifies an area inside an image map	`Global Attributes`; `Event Handlers`; `alt`; `coords`; `shape`; `href`; `target`; `download`; `rel`; `hreflang`; `type`	`HTMLAreaElement`
`<article>`	Specifies an article	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<aside>`	Specifies content aside from the page content	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<audio>`	Specifies sound content	`Global Attributes`; `Event Handlers`; `src`; `crossorigin`; `preload`; `autoplay`; `mediagroup`; `loop`; `muted`; `controls`	`HTMLAudioElement`	NEW
`<b>`	Specifies bold text	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<base>`	Specifies a base URL for all the links in a page	`Global Attributes`; `Event Handlers`; `href`; `target`	`HTMLBaseElement`
`<bdi>`	For bi-directional text formatting	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<bdo>`	Specifies the direction of text display	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<blockquote>`	Specifies a long quotation	`Global Attributes`; `Event Handlers`; `cite`	`HTMLQuoteElement`
`<body>`	Specifies the body element	`Global Attributes`; `Event Handlers`; `onafterprint`; `onbeforeprint`; `onbeforeunload`; `onhashchange`; `onmessage`; `onoffline`; `ononline`; `onpagehide`; `onpageshow`; `onpopstate`; `onstorage`; `onunload`	`HTMLBodyElement`
`<br>`	Inserts a single line break	`Global Attributes`; `Event Handlers`;	`HTMLBRElement`
`<button>`	Specifies a push button	`Global Attributes`; `Event Handlers`; `autofocus`; `disabled`; `form`; `formaction`; `formenctype`; `formmethod`; `formnovalidate`; `formtarget`; `name`; `type`; `value`	`HTMLButtonElement`
`<canvas>`	Define graphics	`Global Attributes`; `Event Handlers`; `width`; `height`	`HTMLCanvasElement`	NEW
`<caption>`	Specifies a table caption	`Global Attributes`; `Event Handlers`;	`HTMLTableCaptionElement`
`<cite>`	Specifies a citation	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<code>`	Specifies computer code text	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<col>`	Specifies attributes for table columns	`Global Attributes`; `Event Handlers`; `span`	`HTMLTableColElement`
`<colgroup>`	Specifies groups of table columns	`Global Attributes`; `Event Handlers`; `span`	`HTMLTableColElement`
`<data>`	Allows for machine-readable data to be provided	`Global Attributes`; `Event Handlers`; `value`	`HTMLDataElement`	NEW
`<datalist>`	Specifies an "autocomplete" dropdown list	`Global Attributes`; `Event Handlers`;	`HTMLDataListElement`	NEW
`<dd>`	Specifies a definition description	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<del>`	Specifies deleted text	`Global Attributes`; `Event Handlers`; `cite`; `datetime`	`HTMLModElement`
`<details>`	Specifies details of an element	`Global Attributes`; `Event Handlers`; `open`	`HTMLDetailsElement`	NEW (HTML5.1)
`<dfn>`	Defines a definition term	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<dialog>`	Specifies that part of an application is interactive.	`Global Attributes`; `Event Handlers`; `open`	`HTMLDialogElement`	NEW
`<div>`	Specifies a section in a document	`Global Attributes`; `Event Handlers`;	`HTMLDivElement`
`<dl>`	Specifies a definition list	`Global Attributes`; `Event Handlers`;	`HTMLDListElement`
`<dt>`	Specifies a definition term	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<em>`	Specifies emphasized text	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<embed>`	Specifies external application or interactive content	`Global Attributes`; `Event Handlers`; `src`; `type`; `width`; `height`;	`HTMLEmbedElement`	NEW
`<fieldset>`	Specifies a fieldset	`Global Attributes`; `Event Handlers`; `disabled`; `form`; `name`	`HTMLFieldSetElement`
`<figcaption>`	Specifies caption for the `figure` element.	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<figure>`	Specifies a group of media content, and their caption	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<footer>`	Specifies a footer for a section or page	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<form>`	Specifies a form	`Global Attributes`; `Event Handlers`; `accept-charset`; `action`; `autocomplete`; `enctype`; `method`; `name`; `novalidate`; `target`	`HTMLFormElement`
`<h1>`	Specifies a heading level 1	`Global Attributes`; `Event Handlers`;	`HTMLHeadingElement`
`<h2>`	Specifies a heading level 2	`Global Attributes`; `Event Handlers`;	`HTMLHeadingElement`
`<h3>`	Specifies a heading level 3	`Global Attributes`; `Event Handlers`;	`HTMLHeadingElement`
`<h4>`	Specifies a heading level 4	`Global Attributes`; `Event Handlers`;	`HTMLHeadingElement`
`<h5>`	Specifies a heading level 5	`Global Attributes`; `Event Handlers`;	`HTMLHeadingElement`
`<h6>`	Specifies a heading level 6	`Global Attributes`; `Event Handlers`;	`HTMLHeadingElement`
`<head>`	Specifies information about the document	`Global Attributes`; `Event Handlers`;	`HTMLHeadElement`
`<header>`	Specifies a group of introductory or navigational aids, including `hgroup` elements	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<hgroup>`	Specifies a header for a section or page. NOTE: This element has been dropped from W3C HTML5 spec but it is still included in WHATWG Living Standard.	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<hr>`	Specifies a horizontal rule	`Global Attributes`; `Event Handlers`;	`HTMLHRElement`
`<html>`	Specifies an html document	`Global Attributes`; `Event Handlers`; `manifest`	`HTMLHtmlElement`
`<i>`	Specifies italic text	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<iframe>`	Specifies an inline sub window (frame)	`Global Attributes`; `Event Handlers`; `src`; `srcdoc`; `name`; `sandbox`; `width`; `height`	`HTMLIFrameElement`
`<img>`	Specifies an image	`Global Attributes`; `Event Handlers`; `alt`; `src`; `crossorigin`; `usemap`; `ismap`; `width`; `height`	`HTMLImageElement`
`<input>`	Specifies an input field	`Global Attributes`; `Event Handlers`; `accept`; `alt`; `autocomplete`; `autofocus`; `checked`; `dirname`; `disabled`; `form`; `formaction`; `formenctype`; `formmethod`; `formnovalidate`; `formtarget`; `height`; `list`; `max`; `maxlength`; `min`; `minlength`; `multiple`; `name`; `pattern`; `placeholder`; `readonly`; `required`; `size`; `src`; `step`; `type`; `value`; `width`	`HTMLInputElement`
`<ins>`	Specifies inserted text	`Global Attributes`; `Event Handlers`; `cite`; `datetime`	`HTMLModElement`
`<kbd>`	Specifies keyboard text	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<keygen>`	Generates a key pair	`Global Attributes`; `Event Handlers`; `autofocus`; `challenge`; `disabled`; `form`; `keytype`; `name`	`HTMLKeygenElement`	NEW
`<label>`	Specifies a label for a form control	`Global Attributes`; `Event Handlers`; `form`; `for`	`HTMLLabelElement`
`<legend>`	Specifies a title in a fieldset	`Global Attributes`; `Event Handlers`;	`HTMLLegendElement`
`<li>`	Specifies a list item	`Global Attributes`; `Event Handlers`; `value`	`HTMLLIElement`
`<link>`	Specifies a resource reference	`Global Attributes`; `Event Handlers`; `href`; `crossorigin`; `rel`; `media`; `hreflang`; `type`; `sizes`	`HTMLLinkElement`
`<main>`	Specifies the main content area of an HTML document.	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<map>`	Specifies an image map	`Global Attributes`; `Event Handlers`; `name`	`HTMLMapElement`
`<mark>`	Specifies marked text	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<menu>`	Specifies a menu list	`Global Attributes`; `Event Handlers`; `type`; `label`;	`HTMLMenuElement`	NEW (HTML 5.1)
`<menuitem>`	Specifies a command that a user can invoke from a popup menu.	`Global Attributes`; `Event Handlers`; `type`; `label`; `icon`; `disabled`; `checked;`; `radiogroup`; `default`; `command`	`HTMLMenuItemElement`	NEW (HTML 5.1)
`<meta>`	Specifies meta information	`Global Attributes`; `Event Handlers`; `name`; `http-equiv`; `content`; `charset`	`HTMLMetaElement`
`<meter>`	Specifies measurement within a predefined range	`Global Attributes`; `Event Handlers`; `value`; `min`; `max`; `low`; `high`; `optimum`	`HTMLMeterElement`	NEW
`<nav>`	Specifies navigation links	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<noscript>`	Specifies a noscript section	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<object>`	Specifies an embedded object	`Global Attributes`; `Event Handlers`; `data`; `type`; `typemustmatch`; `name`; `usemap`; `form`; `width`; `height`	`HTMLObjectElement`
`<ol>`	Specifies an ordered list	`Global Attributes`; `Event Handlers`; `reversed`; `start`; `type`	`HTMLOListElement`
`<optgroup>`	Specifies an option group	`Global Attributes`; `Event Handlers`; `disabled`; `label`	`HTMLOptGroupElement`
`<option>`	Specifies an option in a drop-down list	`Global Attributes`; `Event Handlers`; `disabled`; `label`; `selected`; `value`	`HTMLOptionElement`
`<output>`	Specifies some types of output	`Global Attributes`; `Event Handlers`; `for`; `form`; `name`	`HTMLOutputElement`	NEW
`<p>`	Specifies a paragraph	`Global Attributes`; `Event Handlers`;	`HTMLParagraphElement`
`<param>`	Specifies a parameter for an object	`Global Attributes`; `Event Handlers`; `name`; `value`	`HTMLParamElement`
`<pre>`	Specifies preformatted text	`Global Attributes`; `Event Handlers`;	`HTMLPreElement`
`<progress>`	Specifies progress of a task of any kind	`Global Attributes`; `Event Handlers`; `value`; `max`	`HTMLProgressElement`	NEW
`<q>`	Specifies a short quotation	`Global Attributes`; `Event Handlers`; `cite`	`HTMLQuoteElement`
`<rb>`	Marks the base text component of a ruby annotation.	`Global Attributes`; `Event Handlers`;		NEW
`<rp>`	Used for the benefit of browsers that don't support ruby annotations	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<rt>`	Specifies the ruby text component of a ruby annotation.	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<rtc>`	Marks a ruby text container for ruby text components in a ruby annotation.	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<ruby>`	Specifies a ruby annotation (used in East Asian typography)	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<s>`	Indicates text that's no longer accurate or relevant.	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<samp>`	Specifies sample computer code	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<script>`	Specifies a script	`Global Attributes`; `Event Handlers`; `src`; `type`; `charset`; `async`; `defer`; `crossorigin`	`HTMLScriptElement`
`<section>`	Specifies a section	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW
`<select>`	Specifies a selectable list	`Global Attributes`; `Event Handlers`; `autofocus`; `disabled`; `form`; `multiple`; `name`; `required`; `size`	`HTMLSelectElement`
`<small>`	Specifies small text	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<source>`	Specifies media resources	`Global Attributes`; `Event Handlers`; `src`; `type`; `media`	`HTMLSourceElement`	NEW
`<span>`	Specifies a section in a document	`Global Attributes`; `Event Handlers`;	`HTMLSpanElement`
`<strong>`	Specifies strong text	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<style>`	Specifies a style definition	`Global Attributes`; `Event Handlers`; `media`; `type`	`HTMLStyleElement`
`<sub>`	Specifies subscripted text	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<summary>`	Specifies a summary / caption for the `<details>` element	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW (HTML 5.1)
`<sup>`	Specifies superscripted text	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<table>`	Specifies a table	`Global Attributes`; `Event Handlers`; `border`	`HTMLTableElement`
`<tbody>`	Specifies a table body	`Global Attributes`; `Event Handlers`;	`HTMLTableSectionElement`
`<td>`	Specifies a table cell	`Global Attributes`; `Event Handlers`;	`HTMLTableDataCellElement`
`<template>`	Declares HTML fragments that can be cloned and inserted in the document by script.	`Global Attributes`; `Event Handlers`;	`HTMLTemplateElement`	NEW
`<textarea>`	Specifies a text area	`Global Attributes`; `Event Handlers`; `autofocus`; `cols`; `dirname`; `disabled`; `form`; `maxlength`; `minlength`; `name`; `placeholder`; `readonly`; `required`; `rows`; `wrap`	`HTMLTextAreaElement`
`<tfoot>`	Specifies a table footer	`Global Attributes`; `Event Handlers`;	`HTMLTableSectionElement`
`<th>`	Specifies a table header	`Global Attributes`; `Event Handlers`; `colspan`; `rowspan`; `headers`; `scope`; `abbr`	`HTMLTableHeaderCellElement`
`<thead>`	Specifies a table header	`Global Attributes`; `Event Handlers`;	`HTMLTableSectionElement`
`<time>`	Specifies a date/time	`Global Attributes`; `Event Handlers`; `datetime`	`HTMLTimeElement`	NEW
`<title>`	Specifies the document title	`Global Attributes`; `Event Handlers`;	`HTMLTitleElement`
`<tr>`	Specifies a table row	`Global Attributes`; `Event Handlers`;	`HTMLTableRowElement`
`<track>`	Specifies a text track for media such as video and audio	`Global Attributes`; `Event Handlers`; `default`; `kind`; `label`; `src`; `srclang`	`HTMLTrackElement`	NEW
`<u>`	Specifies text with a non-textual annotation.	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<ul>`	Specifies an unordered list	`Global Attributes`; `Event Handlers`;	`HTMLUListElement`
`<var>`	Specifies a variable	`Global Attributes`; `Event Handlers`;	`HTMLElement`
`<video>`	Specifies a video	`Global Attributes`; `Event Handlers`; `src`; `crossorigin`; `poster`; `preload`; `autoplay`; `mediagroup`; `loop`; `muted`; `controls`; `width`; `height`	`HTMLVideoElement`	NEW
`<wbr>`	Specifies a line break opportunity for very long words and strings of text with no spaces.	`Global Attributes`; `Event Handlers`;	`HTMLElement`	NEW