In this video I explain how to give a raw text semantic meaning with HTML markup. This will tell the browser what part of the text are headers, a link, list and paragraphs.

Here is the live code, which you can play around with if you wish.

See the Pen Intro to markup in HTML by Eystein Mack Alnaes (@eystein) on CodePen.

In the next part I’ll explain how to style typography and create a responsive layout with CSS.