⚡
Quick TrainerHTML Elements and Their Purpose
Learn what common HTML elements do and when to use them.
Code38 items3 levelsDifficulty 2/5
Free · no signup · works on any device
Levels
Start easy — harder levels unlock as you improve, or jump ahead anytime.
1
Common Elements
12 items
2
Structure & Semantics
13 items
3
Forms & Advanced
13 items
All 38 cards
<p>
Paragraph of text
<a>
Hyperlink
<img>
Image
<h1>
Top-level heading
<ul>
Unordered list
<ol>
Ordered list
<li>
List item
<br>
Line break
<div>
Generic block container
<span>
Generic inline container
<strong>
Strong importance (bold)
<em>
Emphasis (italic)
<table>
Table
<tr>
Table row
<td>
Table data cell
<th>
Table header cell
<header>
Introductory/header content
<footer>
Footer content
<nav>
Navigation links
<section>
Thematic content section
<article>
Self-contained content
<aside>
Tangential/sidebar content
<main>
Main page content
<figure>
Self-contained illustration
<figcaption>
Caption for a figure
<form>
Input form
<input>
Form input field
<label>
Label for a form control
<button>
Clickable button
<select>
Dropdown selection list
<option>
Option in a select list
<textarea>
Multi-line text input
<canvas>
Drawable graphics area
<video>
Embedded video
<audio>
Embedded audio
<iframe>
Embedded inline frame
<meta>
Document metadata
<link>
Links external resource (e.g. CSS)
Keep going
CSS Properties and What They Control
Learn the most common CSS properties and the styling each one controls.
Code36 items
HTTP Status Codes
Learn the meaning of common HTTP status codes across the 2xx, 3xx, 4xx, and 5xx ranges.
Code34 items
