Chapter 1

HTML

HTML stands for HyperText Markup Language and is designed to structure content of a web page (images, text, etc).

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title>Page Title</title>
  </head>
  <body>
      <header>
        <h1 style="font-size:60px;">This is a Heading</h1>
        <nav>
          Nav bar
        </nav>
      </header>

      <main>
        <section>
        Related grouping of semantic meaning
          <article>
            <p>This is a paragraph.</p>
            <a href="https://www.expatolife.com">This is a link</a>
            <p title="I'm a tooltip">This is a paragraph.</p>
            <button>Click me</button>
          </article>

          <ul>
            <li>Coffee</li>
            <li>Tea</li>
            <li>Milk</li>
          </ul>

          <ol>
            <li>Coffee</li>
            <li>Tea</li>
            <li>Milk</li>
          </ol>

          <aside>
            <blockquote>
              Quote
            </blockquote>
          </aside>
        </section>
      <main>

      <footer>
        Copyright, contact, links
      </footer>
    </body>
</html>