Besides <strong> and <em>, there are a few more small text elements that are handy for specific situations. You won't need them all the time, but it's worth having seen them once.

<small>: fine print

<small> marks text as "fine print" - side notes, copyright notices, legal add-ons:

<p>All details without guarantee. <small>Training times subject to change.</small></p>

<mark>: highlighted text

<mark> marks text the way you would with a highlighter pen on paper - the browser normally shows a yellow background:

<p>Our most important game is <mark>Saturday at 3pm</mark>.</p>

<del> and <ins>: deleted and inserted

These two belong together: <del> (delete) shows struck-through text, as if it were just removed, and <ins> (insert) shows underlined text, as if it were just newly added. Together they often show a change:

<p>Training: <del>Tuesday 5pm</del> <ins>Wednesday 6pm</ins></p>

This is handy for showing that something has changed without making the old information disappear completely - you can see at a glance what applied before and what applies now.

All four at a glance

<p>Normal text.</p>
<p><small>Fine print, usually for add-ons.</small></p>
<p><mark>Highlighted text, like with a marker pen.</mark></p>
<p><del>Deleted text, struck through.</del></p>
<p><ins>Inserted text, underlined.</ins></p>

Try out the training time change directly on Finn's website:

<h3>Training Times</h3>
<p>Training: <del>Tuesday and Thursday at 5pm</del>
  <ins>now Wednesday and Friday at 6pm</ins></p>