HTML cheat sheet | Documentation & Cheat Sheet

Links & Media

<a>

Creates a hyperlink to web pages, files, or email addresses.

#a#links & media

Semantic HTML

<article>

A self-contained composition in a document.

#article#semantic html

Links & Media

<audio>

Embeds sound content in documents.

#audio#links & media

Document Structure

<body>

Represents the content of an HTML document.

#body#document structure

Text Content

<br>

Produces a line break.

#br#text content

Forms

<button>

A clickable button.

#button#forms

Text Content

<em>

Marks text that has stress emphasis.

#em#text content

Semantic HTML

<footer>

A footer for its nearest ancestor sectioning content.

#footer#semantic html

Forms

<form>

A document section containing interactive controls for submitting information.

#form#forms

Text Content

<h1>

Section heading level 1 (highest).

#h1#text content

Text Content

<h2>

Section heading level 2.

#h2#text content

Text Content

<h3>

Section heading level 3.

#h3#text content

Text Content

<h4>

Section heading level 4.

#h4#text content

Text Content

<h5>

Section heading level 5.

#h5#text content

Text Content

<h6>

Section heading level 6 (lowest).

#h6#text content

Document Structure

<head>

Contains machine-readable information (metadata) about the document.

#head#document structure

Semantic HTML

<header>

Introductory content, typically a group of introductory or navigational aids.

#header#semantic html

Text Content

<hr>

A thematic break between paragraph-level elements.

#hr#text content

Document Structure

<html>

The root element of an HTML document.

#html#document structure

Links & Media

<iframe>

Embeds a nested browsing context (another HTML page).

#iframe#links & media

Links & Media

<img>

Embeds an image into the document.

#img#links & media

Forms

<input>

An interactive control for web-based forms to accept data from the user.

#input#forms

Forms

<label>

A user interface item caption.

#label#forms

Lists

<li>

An item in a list.

#li#lists

Document Structure

<link>

Specifies relationships between the current document and an external resource.

#link#document structure

Semantic HTML

<main>

The dominant content of the body of a document.

#main#semantic html

Document Structure

<meta>

Metadata that cannot be represented by other HTML meta-related elements.

#meta#document structure

Semantic HTML

<nav>

A section of a page whose purpose is to provide navigation links.

#nav#semantic html

Lists

<ol>

An ordered list of items, typically rendered as a numbered list.

#ol#lists

Forms

<option>

An item contained in a select, optgroup, or datalist element.

#option#forms

Text Content

<p>

Represents a paragraph.

#p#text content

Semantic HTML

<section>

A generic standalone section of a document.

#section#semantic html

Forms

<select>

A control that provides a menu of options.

#select#forms

Text Content

<strong>

Indicates that its contents have strong importance.

#strong#text content

Tables

<table>

Represents tabular data.

#table#tables

Tables

<td>

Defines a cell of a table that contains data.

#td#tables

Forms

<textarea>

A multi-line plain-text editing control.

#textarea#forms

Tables

<th>

Defines a cell as a header of a group of table cells.

#th#tables

Document Structure

<title>

Defines the document title that is shown in a browser title bar or tab.

#title#document structure

Tables

<tr>

Defines a row of cells in a table.

#tr#tables

Lists

<ul>

An unordered list of items, typically rendered as a bulleted list.

#ul#lists

Links & Media

<video>

Embeds a media player which supports video playback.

#video#links & media