NEW
Font size
WorksheetsHTML Tags Vocabulary
Total questions: 55
Worksheet time: 28mins
Surrounds words you want to stress or emphasize (typically italicize)
<!DOCTYPE html>
<em>
</em>
<a>
</a>
<html>
</html>
Identifies the rules for the markup language so that the browsers render the content correctly.
<canvas>
</canvas>
<details>
</details>
<!DOCTYPE html>
<body>
</body>
Inserts a link
<li>
</li>
<html>
</html>
<source>
</source>
<a>
</a>
Commonly contains information that may be distributed independently from the rest of the site it appears in (like news or a blog post). This is always a separate item from the main content.
<article>
</article>
<embed>
</embed>
<hgroup>
</hgroup>
<mark>
</mark>
Defines content that is related to the content surrounding it, but could be considered separate.
<details>
</details>
<aside>
</aside>
<dialog>
</dialog>
<main>
</main>
Defines sound content
<canvas>
</canvas>
<h5>
</h5>
<td>
</td>
<audio>
</audio>
Isolates a part of text that might be formatted in a different direction from other text outside it
<bdi>
</bdi>
<details>
</details>
<em>
</em>
<figcaption>
</figcaption>
Indicates the beginning and end of all web page content.
<body>
</body>
<html>
</html>
<head>
</head>
<source>
</source>
Breaks a line of text at the point where the tag appears. This creates a single line break. It is an empty tag which means it has no end tag.
<div>
</div>
<a>
</a>
<br>
<hr>
Used to draw graphics, on the fly, via scripting (usually JavaScript)
<img>
<figure>
</figure>
<figcaption>
</figcaption>
<canvas>
</canvas>
Defines additional details that the user can view or hide
<hgroup>
</hgroup>
<details>
</details>
<article>
</article>
<div>
</div>
Defines a dialog box or window
<bdi>
</bdi>
<embed>
</embed>
<aside>
</aside>
<dialog>
</dialog>
Defines a division/section of an HTML document. It is now recommended to use the <section> tag instead.
<script>
</script>
<section>
</section>
<div>
</div>
<p>
</p>
Defines a container for an external application or interactive content (a plug-in)
<embed>
</embed>
<body>
</body>
<html>
</html>
<main>
</main>
Defines a caption for an element that contains a graphic of some type – for a <figure> element
<picture>
</picture>
<figure>
</figure>
<figcaption>
</figcaption>
<canvas>
</canvas>
Used to hold a graphic of some type - self-contained content
<body>
</body>
<figcaption>
</figcaption>
<picture>
</picture>
<figure>
</figure>
Defines a footer for a document or section
<footer>
</footer>
<header>
</header>
<section>
</section>
<script>
</script>
Used to define the most important heading level as this produces the largest, bold text of the headings group
<h1>
</h1>
<header>
</header>
<h6>
</h6>
<head>
</head>
Used to define the second most important heading level as this produces the second largest, bold text of the headings group
<h2>
</h2>
<h3>
</h3>
<h4>
</h4>
<h5>
</h5>
Used to define the third most important heading level as this produces the third largest, bold text of the headings group
<h4>
</h4>
<h5>
</h5>
<h2>
</h2>
<h3>
</h3>
Used to define the fourth most important heading level as this produces the fourth largest, bold text of the headings group
<h4>
</h4>
<h2>
</h2>
<h3>
</h3>
<h5>
</h5>
Used to define the fifth most important heading level as this produces the fifth largest, bold text of the headings group
<h5>
</h5>
<h4>
</h4>
<h3>
</h3>
<h2>
</h2>
Used to define the sixth most (and least) important heading level as this produces the sixth largest (and smallest), bold text of the headings group
<h1>
</h1>
<h2>
</h2>
<h5>
</h5>
<h6>
</h6>
Used as a container for the title, scripts, styles, and meta information associated with the html document.
<html>
</html>
<head>
</head>
<main>
</main>
<header>
</header>
Specifies an introduction, or a group of navigation elements for a document
<header>
</header>
<canvas>
</canvas>
<hgroup>
</hgroup>
<menu>
</menu>
Groups a set of <h1> to <h6> elements when a heading has multiple levels
<progress>
</progress>
<summary>
</summary>
<hgroup>
</hgroup>
<td>
</td>
Creates a horizontal line on the web page and can be used to represent a thematic break in an HTML document.
<ul>
</ul>
<li>
</li>
<img>
<hr>
Used as a container for all of markup elements (except the !DOCTYPE tag). This indicates the beginning and end of the markup document.
<main>
</main>
<html>
</html>
<body>
</body>
<p>
</p>
Inserts an image
<canvas>
</canvas>
<figure>
</figure>
<img>
<picture>
</picture>
Indicates that the item that follows the tag is an item within a list.
<li>
</li>
<ol>
</ol>
<ul>
</ul>
<article>
</article>
Defines marked/highlighted text
<mark>
</mark>
<details>
</details>
<em>
</em>
<strong>
</strong>
An element that contains content unique to the document. Should NOT contain content that is repeated across documents.
<article>
</article>
<body>
</body>
<main>
</main>
<source>
</source>
Defines a list/menu of commands and is used for context menus, toolbars and for listing form controls and commands.
<section>
</section>
<menuitem>
</menuitem>
<li>
</li>
<menu>
</menu>
Defines a command/menu item that the user can invoke from a popup menu
<li>
</li>
<menuitem>
</menuitem>
<ol>
</ol>
<menu>
</menu>
Defines an area where links are stored and displayed
<table>
</table>
<nav>
</nav>
<embed>
</embed>
<a>
</a>
Indicates the beginning and end of an ordered list.
<ol>
</ol>
<ul>
</ul>
<li>
</li>
<html>
</html>
Defines a paragraph and automatically adds a blank line before and after the text it surrounds
<body>
</body>
<canvas>
</canvas>
<p>
</p>
<em>
</em>
An element that is used mostly for art direction in responsive designs. Usually holds a <source> and an <img> tag
<picture>
</picture>
<source>
</source>
<figure>
</figure>
<img>
Represents the progress of a task
<summary>
</summary>
<figcaption>
</figcaption>
<details>
</details>
<progress>
</progress>
Used to embed or reference an executable coding file so a link can be established between your page and the file.
<em>
</em>
<embed>
</embed>
<script>
</script>
<a>
</a>
Defines a container that acts like a type of thematic area on the page.
<canvas>
</canvas>
<section>
</section>
<mark>
</mark>
<wbr>
</wbr>
Defines multiple media resources for media elements (<video> and <audio>)
<video>
</video>
<wbr>
</wbr>
<audio>
</audio>
<source>
</source>
Surrounds words you want to REALLY emphasize a lot
<h1>
</h1>
<em>
</em>
<strong>
</strong>
<h6>
</h6>
Defines a visible heading for a <details> element
<summary>
</summary>
<bdi>
</bdi>
<div>
</div>
<aside>
</aside>
Draw scalable vector graphics
<figure>
</figure>
<svg>
<canvas>
</canvas>
<img>
Inserts a table with data. Not to be used to format the page.
<td>
</td>
<tr>
</tr>
<th>
</th>
<table>
</table>
Defines a standard cell in an HTML table.
<html>
</html>
<th>
</th>
<td>
</td>
<wbr>
</wbr>
Defines a header cell in an HTML table.
<td>
</td>
<th>
</th>
<head>
</head>
<header>
</header>
Defines a date/time
<title>
</title>
<details>
</details>
<menuitem>
</menuitem>
<time>
</time>
Used to describe the topic and theme of an online document. Displays on the top bar of Internet browsers, NOT in the body of the web page.
<wbr>
</wbr>
<title>
</title>
<head>
</head>
<body>
</body>
Defines a row in an HTML table.
<table>
</table>
<tr>
</tr>
<td>
</td>
<th>
</th>
Used to add text like subtitles and captions to <video> and <audio> media elements.
<tr>
</tr>
<track>
</track>
<script>
</script>
<dialog>
</dialog>
Indicates the beginning and end of an unordered (bulleted) list.
<li>
</li>
<ol>
</ol>
<ul>
</ul>
<hgroup>
</hgroup>
Defines a video or movie
<source>
</source>
<video>
</video>
<audio>
</audio>
<embed>
</embed>
Defines a possible line-break
<p>
</p>
<li>
</li>
<br>
<wbr>
</wbr>
