HTML patterns at a glance.

Search the syntax used throughout the WorkTools learning path.

Pattern	Use it for	Example
<h1>–<h6>	Heading levels	`<h1>Page title</h1>`
<p>	Paragraph	`<p>Useful text</p>`
<a>	Link	`<a href="/tools/">Tools</a>`
<img>	Image	`<img src="x.png" alt="Description">`
<ul> / <ol>	Lists	`<ul><li>Item</li></ul>`
<table>	Tabular data	`<table><tr><th>SKU</th></tr></table>`
<form>	Form wrapper	`<form>...</form>`
<label>	Input label	`<label for="qty">Qty</label>`
<input>	Input control	`<input id="qty" type="number">`
<button>	Action control	`<button type="button">Run</button>`
<main>	Primary content	`<main>...</main>`
<section>	Thematic section	`<section>...</section>`
<nav>	Navigation	`<nav aria-label="Main">...</nav>`
alt	Image alternative text	`alt="Weekly output chart"`
lang	Document language	`<html lang="en">`