Every page you open in a browser is built from a language called HTML. Today you build a web page one piece at a time, and after each piece you read the HTML that piece just wrote.

By the end you will have a page with a heading, two paragraphs, a list and a link, and you will be able to name the tag behind each one.

HTML marks up text to say what each part is. A tag wraps the text and names it: this bit is a heading, this bit is a paragraph.

Here is a whole small page:

<h1>All About Cats</h1>
<p>Cats are soft and they like to sleep.</p>
<ul>
  <li>They purr</li>
  <li>They nap a lot</li>
</ul>

Open the builder below. You start with an empty page called Home.

1. In the block palette down the left, click Content, then drag a heading block onto your page. Type a title in it: a hobby, a sport, or a place you know.

Here is the block you added, and the tag it wrote:

{"blocks": {"languageVersion": 0, "blocks": [{"type": "wp_heading", "fields": {"TEXT": "My Favourite Animals", "ALIGN": "left"}, "x": 10, "y": 10}]}}

<h1>My Favourite Animals</h1>

Keep working on the same page. It carries on from the last step.

1. From Content, drag two text blocks under your heading. Put one sentence in each, saying something real about your topic.

Here are your two blocks, and the two tags they wrote, one each:

{"blocks": {"languageVersion": 0, "blocks": [{"type": "wp_text", "fields": {"TEXT": "Cats are soft and they like to sleep.", "SIZE": "normal", "ALIGN": "left"}, "next": {"block": {"type": "wp_text", "fields": {"TEXT": "My favourite one is a ginger cat called Ollie.", "SIZE": "normal", "ALIGN": "left"}}}, "x": 10, "y": 10}]}}

<p>Cats are soft and they like to sleep.</p>
<p>My favourite one is a ginger cat called Ollie.</p>