exercise.html_day-1-exercises/models_template.html at master · Belle-Star/exercise.html_day-1-exercises · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
<!doctype html>
<html lang="en">
    <head>
    <meta charset="utf-8">
    <meta name="description" content="A page for exploring HTML content models">
    <title>Content models</title>
    </head>
        <body>
              <b><h1>Content models</h1></b>
                In HTML 4 there were only two main content models, block and inline level elements. <b>Block level</b> elements would stack on top of each other in normal document flow while<b> inline level </b> elements typically appear within the flow of text content.
                In this example the <b>heading 1 </b> and the <b>paragraphs</b> are block level items, while the bold tags and the link below are examples of inline level elements.
                In HTML5 new content models have been created to expand the structure and semantic capabilities of HTML. There are seven main models: <b>Flow</b> <b>Metadata,</b> <b> Embedded,</b> <b>Interactive,</b> <b>Heading,</b> <b>Phrasing,</b> and <b>Sectioning.</b> To learn more about them, visit the interactive graphic contained in the W3C HTML5 specfication.
        </body>