Important HTML tags

Tagged Storm Trooper

This page is designed as a quick reference for some of the common tags covered in Learn Enough HTML to Be Dangerous. In the process of making it, we'll learn how to make HTML tables via table and related tags.

The tables below don't include all HTML tags, but they do list many of the most important ones.

Block Elements

Tag Name Purpose
h1h6 headings include a heading (levels 1–6)
p paragraph include a paragraph of text
table table include a table
tr table row include a row of data
th table header make a table header
td table data include a table data cell
ul unordered list make an unordered list
ol ordered list make an ordered list
li list item add a list item to a list

Inline Elements

Tag Name Purpose Example Result
em emphasized make emphasized text <em> technical sophistication
strong strong make strong text <strong> at least a billion people
a anchor make hyperlink <a href="http://learnenough.com/"">Learn Enough</a> Learn Enough
img image include an image <img src="https://bit.ly/1MZAFuQ" alt="Michael Hartl"> Michael Hartl
code code display monospace code <code> hello world

Document Tags

Tag Name Purpose
html html tag Flag the section as HTML content (as opposed to js, css)
head head tag Define properties that are not in the main browser frame
body body tag Encloses all items that appear in the main browser frame
title title tag Defines the Title of the page; resides inside head
meta meta tag defines information about the page - e.g. encoding, etc.