Back to subject
HTML5/HTML Text Formatting

Make Meaning Visible

Practical lesson

Write a normal sentence first. Then decide which word is truly important and which word needs emphasis. Use the semantic HTML tag for that meaning. Let CSS decide exactly how the browser should make it look.

Try it yourself
Code

Starter example

Code
<p>This is <strong>important</strong>.</p>
<p>This is <em>emphasized</em>.</p>
<p><mark>Important note</mark></p>
<p><del>Old price</del> <ins>New price</ins></p>
Live preview