L01.L02 - Verweise und Anker

<!doctype html>
<html lang="de">
  <head>
    <title>Startseite - Blog</title>
    <meta charset="UTF-8">
  </head>
  <body>
  <nav>
    Blog | <a href="seiten/links.html">Links</a> |
    <a href="seiten/about.html">Über mich</a> |
    <a href="seiten/impressum.html">Impressum</a>
  </nav>
  <h1>Mein Blog</h1>
  <p>Neueste Berichte zu HTML</p>
  <article>
    <header>
      <h2>Entwurf zu HTML5.1</h2>
    </header>
    <p>Wie bereits berichtet, hat das <a target="_blank" href="http://www.w3.org/">World Wide Web Consortium</a> einen neuen Entwurf für HTML vorgelegt, welcher in Version 5.1 weiterentwickelt wird ...</p>
    <aside>
    <h3>Weiterführende Links</h3>
      <nav>
        <ul>
          <li><a href="http://www.w3.org/html/wg/drafts/html/master/">HTML 5.1 Nightly</a></li>
          <li><a href="http://www.whatwg.org/">WHATWG</a></li>
        </ul>
      </nav>
    </aside>
  </article>
  </body>
</html>

seiten/about.html

<!doctype html>
<html lang="de">
  <head>
    <title>Über mich</title>
    <meta charset="UTF-8">
  </head>
  <body>
    <nav>
      <a href="../index.html">Blog</a> |
      <a href="links.html">Links</a> | Über mich |
      <a href="impressum.html">Impressum</a>
    </nav>
    <h1>Über mich</h1>
    <p>Informationen zum Autor der Website</p>
  </body>
</html>

seiten/impressum.html

<!doctype html>
<html lang="de">
  <head>
    <title>Impressum</title>
    <meta charset="UTF-8">
  </head>
  <body>
    <nav>
      <a href="../index.html">Blog</a> |
      <a href="links.html">Links</a> |
      <a href="about.html">Über mich</a> | Impressum 
    </nav>
    <h1>Impressum</h1>
    <p>Impressum zur Website</p>
  </body> 
</html>

seiten/links.html

<!doctype html>
<html lang="de">
  <head>
    <title>Linksammlung</title>
    <meta charset="UTF-8">
  </head>
  <body>
    <nav>
      <a href="../index.html">Blog</a> | Links |
      <a href="about.html">Über mich</a> |
      <a href="impressum.html">Impressum</a>
    </nav>
    <h1>Linksammlung</h1>
    <p>Interessante Linksammlung zu HTML-Themen</p>
  </body>
</html>