HTML 5 Cheat Sheet

HTML 5

This is only a partial list of HTML5 elements. For a complete list please see the HTML5 element list on MDN or the HTML5 document from the W3C.

This box tests some fancy CSS3 properties. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Grouping

HTML5 Grouping Elements
Element Example
<p>

Some text in a paragraph

<pre>
    Some pre-formatted
    text
<blockquote>
A large quotation separated into its own block.
<ol>, <li>
  1. Maple Leafs
  2. Canadiens
  3. Canucks
  4. Senators
  5. Flames
  6. Oilers
  7. Jets
<dl>, <dt>, <dd>
Fluid Infusion
Developed by an international group of software developers and interaction designers, Fluid Infusion combines JavaScript, CSS, HTML and user-centered design, rolling them all into a single package that sits on top of the popular jQuery toolkit. Infusion includes ready-to-use components as well as a framework to build your own.
<figure>, <figcaption>
Fluid Infusion logo
The Fluid Infusion logo

Text

HTML5 Text Elements
Element Example
<a> Fluid Project
<em> Emphasized text
<strong> Strong text
<small> Small text
<code> var foo = "bar";
<sub>, <sup> H20, 22

Form

Mid-term Exam

Choose the best way to declare a JavaScript variable
Select all values that are "truthy"
Array Values

Considering the code sample to the right, answer the following questions:

var aArray = ["a", "b", "c"];
JavaScript function