Structure Tags
Text Formatting
Links and Images
Lists
Attributes
100

This tag wraps the entire HTML document content (except <!DOCTYPE>).

<html>

100

This tag creates a paragraph of text.

<p>

100

This tag creates a hyperlink.

<a>

100

This tag creates an unordered (bulleted) list.

<ul>

100

This attribute on an <a> tag specifies the link destination.

href

200

This tag contains metadata like the page title and the character set. 

<head>

200

You use this tag to make text bold without extra importance.

<b>

200

This tag displays an image on the page.

<img>

200

This tag creates an ordered (numbered) list.

<ol>

200

This attribute on an <img> tag provides alternative text for screen readers.

alt

300

This tag holds the visible content of the page.

<body> (accept <main>)

300

You use this tag to emphasize text; browsers usually display it in italics.

<em>

300

The best unit to define the size of images with in HTML.

Pixels

300

Each item in a list uses this tag.

<li>

300

The attribute that defines what set of characters (in our case, UTF-8) an HTML document is using.

charset

400

Use this tag to define a top-level heading on a page.

<h1>

400

You use this tag with text of great importance; browsers usually display it as bold.

<strong>

400

The best file format to use if you have an image with a lot of colors in it.

.jpg (accept .jpeg)

400

The kind of list you'd use if someone asked you to rank your top five favorite movies.

<ol> / ordered list

400

The name of the attribute that defines information about how a hyperlink opens

Hint: the attribute, NOT THE VALUE.

target

500

The number of heading structures (i.e. h1, h2...) HTML5 allows.

6

500
You use this tag to show that a chunk of text (typically a sentence or longer) is a quote.

<blockquote>

500

This is the name for <img> and other tags that don't require a closing tag.

Empty tags.

500

The kind of list you'd use if someone asked you to list movies with Brad Pitt in them.

<ul> / unordered list

500

The value you need to assign to a specific attribute so that a hyperlink opens in a new tab.

Hint: The value, NOT THE ATTRIBUTE.

"_blank"

M
e
n
u