HTML Reference Cheat Sheet

Jump To Section:

HTML Basic Tags

<html></html> Used to create the HTML document
<head></head> Used for header information such as meta data (title, description, keywords) and linking to CSS files, scripts, etc.
<body></body> Contains the displayed portion of the HTML document
<h1></h1>

Biggest Heading

<h2></h2>

Smaller Heading

<h3></h3>

Smaller Heading

<h4></h4>

Smaller Heading

<h5></h5>
Smaller Heading
<h6></h6>
Smallest Heading
<p></p>

Paragraph of text

<b></b> Bold Text
<a href="url">Simple link</a> Simple link

HTML Basic Document

				<!DOCTYPE html>
				<html>
					<head>
						<title>Example Title</title>
					</head>
					<body>
						Content Goes Here
					</body>
				</html>

HTML Text Formatting

<h1></h1>

Biggest Heading

<h2></h2>

Smaller Heading

<h3></h3>

Smaller Heading

<h4></h4>

Smaller Heading

<h5></h5>
Smaller Heading
<h6></h6>
Smallest Heading
<b></b> Bold Text
<i></i> Italic Text
<u></u> Underlined Text
<strong></strong> Important text that is displayed bold
<em></em> Emphasized Text that is displayed in italics
<blockquote></blockquote>
Text displayed as a quote

<strike></strike> Text with a strike-through
<small></small> Smaller Text
<sup></sup> Superscripted Text
<sub></sub> Subscripted Text
<pre></pre>
Preformatted Text

	Shows all line space. 

		Doesn't format text. 

			Used to show code.

HTML Section Divisions

<br> Line Break
<hr></hr> Horizontal Rule
<p></p>

Paragraph of Text

<div></div>
Division of Content – Block-Level Section
<span></span> Span of Content – Inline Section

HTML Links

padding sets all padding (top, bottom, left, right) of the selected element
padding-top sets the top padding of selected element
padding-bottom sets the bottom padding of selected element
padding-left sets the left padding of selected element
padding-right sets the right padding of selected element

Leave a Comment

Subscribe To Our Newsletter