Coding Class

Nesting & Depth

<p>Sir <strong>Alex Ferguson</strong> once said about Filipo Inzaghi:<q>"That lad must have been born offside."</q>. </p>

In this setup:

• the <strong> element gives the words “Alex Ferguson” more importance
• the <q> marks his quote about Inzaghi

The fact that <strong> is displayed in bold is only the browser’s default behavior. Remember that you have to choose HTML elements according to their meaning, not how they look like.

In this case:

• <p> is the parent element of <strong> and <q>
• <strong> and <q> are child elements of <p>
• <strong> and <q> are sibling elements

21.07.2016 - HTML & CSS
Coding Class, Miami Ad School, Sebastian Martens - HTML&CSS Examples provided by http://marksheet.io, 2016