• Theory
  • Theory

Document structure, Mastery Challenge 3

You need to use the tags that you studied in the chapter about the structure of an HTML document. Refer to the sample, the tag structure can be understood from the captions for the blocks.

This additional version of the challenge is designed to reinforce your skills in creating the structure of an HTML document.

Solution

The solution to the challenge will be available in a few minutes. Use it if you encounter difficulties. In the meantime, try to complete the challenge on your own.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>HTML Document Structure, Reinforcement 4</title>
    <link rel="stylesheet" href="outlines-extra-challenge-4.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <header>
      <h1>New Website</h1>
    </header>
    <main>
      <aside>
        <p>Sidebar</p>
      </aside>
      <article>
        <section>
          <p>Content 1</p>
        </section>
        <section>
          <p>Content 2</p>
        </section>
      </article>
    </main>
    <footer>
      <p>Contacts</p>
    </footer>
  </body>
</html>
  • index.html
HTML
HTML

You’ve gone to a different page

Click inside the mini-browser to shift the focus onto this window.

100%
Granny Muffin

Easy there, pal!

To access the HTML document structure challenges in the HTML and CSS basics, you need to sign up and subscribe first.