Test your skills: HTML text basics

The aim of this skill test is to assess whether you understand how to mark up text in HTML to give it structure and meaning.

Note: You can try solutions in the interactive editors on this page or in an online editor such as CodePen, JSFiddle, or Glitch.

If you get stuck, you can reach out to us in one of our communication channels.

Task 1

In this task, we want you to mark up the provided HTML using semantic heading and paragraph elements.

The finished example should look like this:

Try updating the live code below to recreate the finished example:

Download the starting point for this task to work in your own editor or in an online editor.

Task 2

In this task, we want you to turn the first un-marked up list into an unordered list, and the second one into an ordered list.

The finished example should look like this:

Try updating the live code below to recreate the finished example:

Download the starting point for this task to work in your own editor or in an online editor.

Task 3

In this task, you are provided with a paragraph, and your aim is to use some inline elements to mark up a couple of appropriate words with strong importance, and a couple with emphasis.

The finished example should look like this:

Try updating the live code below to recreate the finished example:

Download the starting point for this task to work in your own editor or in an online editor.