Important HTML tags
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 |
h1–h6 |
headings |
include a heading level (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 |
header |
header |
label a part of the page |
div |
division |
set the page divisions apart |
ol |
ordered list |
make a ordered list |
ul |
unordered list |
make a unordered list |
li |
list element |
make a list element |
br |
break |
produce a line break in text |
blockquote |
blockquote |
make a section quotated |
Inline elements
| Tag |
Name |
Purpose |
Example |
Result |
em |
emphasized |
make emphasized text |
<em>technical sophistication</em> |
technical sophistication |
strong |
strong |
make strong text |
<strong>technical sophistication</strong> |
technical sophistication |
a |
anchor |
add a hyperlink |
<a href="http://www.stefanieposavec.com/dear-data-about">technical sophistication</a> |
technical sophistication |
img |
image |
add a image |
<img src="images/deardata.jpg" alt="dear data project"> |
 |
code |
code |
indicate text as code |
<code>technical sophistication</code> |
technical sophistication |
span |
span |
use for grouping and applying styles |
<span>technical sophistication</span> |
technical sophistication |
Document tags
| Tag |
Name |
Purpose |
html |
Hyper Text Markup Language |
style language for web documents |
head |
head |
header container that defines metadata |
body |
body |
what gets displayed in the browser |
title |
title |
declaring name of the html document |
meta |
metadata |
data about the data |