Now that we've explained our terms, let's practice! Click each of the tabs to work through three quick exercises! If it doesn't make sense yet, don't worry. The following exercises should give you a more visual idea of how this all works! When you're finished, it'll be time to wrap up this module!

Exercise 1
Exercise 2
Exercise 3

The boxes below can be clicked and dragged into a different order. Reorder the boxes to show the correct order to form an HTML element.

Opening Tag - Content - Closing Tag

Answer

I'd like my text to show up in bold, so I know I need to use the <strong> tag. Reorder the boxes to show the correct order of these parts.

<strong>This is the content I want in bold!</strong>

Answer

Final Challenge! Reorder the boxes to show how the HTML would read for this sentence:

I eat dessert after every meal. (Hint: The paragraph tag <p> applies to the whole sentence, while the italics tag <em> only applies to the word 'every!' Start by making the <p> tag first and the </p> tag last!)

<p>I eat dessert after <em>every</em> meal.</p>

Answer