Markup Text with HTML

Back to: Web Design for All Ages

A Quick Coding Exercise

Try to solve the challenge below by doing the following: in the first code example below, click on the “edit in codepen” button in the upper right, then add the appropriate HTML tags to the source text so that it renders the same as the second code example below.

---

Code Example of Text Without HTML Markup

See the Pen Intro to HTML Exercise by kccnma (@kccnma) on CodePen.

Note how the browser ignores line breaks.

---

Code Example of Text With HTML Markup

See the Pen Intro to HTML Exercise – with HTML Markup by kccnma (@kccnma) on CodePen.

Note how the browser has default styling for each element.

---

Good Job!

If you completed this exercise, nice work!