01-html-zaklady-php/html/simpleHTML5.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Ukázková HTML 5 stránka</title>
  <link rel="stylesheet" type="text/css" href="./simpleHTML5.css"/>
  <meta charset="utf-8"/>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
</head>
<body>
  <!--Ukázková webová stránka-->

  <div id="container">
    <header>
      <span class="nadpis">Ukázková stránka</span>
    </header>

    <section id="main">
      <h1>Hlavní nadpis obsahu</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas justo nisl, volutpat rutrum porta non, consequat id mauris. Suspendisse venenatis in tortor sed tincidunt. Maecenas nunc lacus, consectetur sed neque sit amet, faucibus varius ipsum. Suspendisse iaculis, mauris a rhoncus sodales, dolor nulla pharetra elit, in sodales enim enim eget nisi. Sed eget commodo justo. Ut dictum vestibulum nisi at lobortis. Donec eleifend erat nibh, feugiat ultrices dolor ultrices ac.</p>

      <h2>Podnadpis</h2>
      <p>Duis tincidunt leo ac tincidunt accumsan. Aliquam magna justo, venenatis eget dapibus at, porta nec ante. Cras mattis nibh ligula, ac vehicula tellus viverra sed. Nunc id odio ipsum. Vivamus tempor urna est. Phasellus laoreet ultrices lorem non accumsan. Mauris consequat rutrum lectus, id lacinia neque dictum quis. Proin lobortis at ex non ornare. Suspendisse potenti. In ipsum erat, lobortis vitae ultrices nec, pulvinar vitae nunc. In hac habitasse platea dictumst.</p>
      <p>Pellentesque lacinia elementum augue et tincidunt. Sed et consectetur augue. Nam quis tortor dui. Pellentesque posuere tristique libero et bibendum. Aliquam tempor magna sit amet ipsum mollis tincidunt at eu velit. Sed fermentum ipsum a diam pharetra faucibus. Ut porta est ut eleifend euismod. Curabitur tellus neque, tempus et laoreet et, rutrum eu enim.</p>

      <h2>Ukázka seznamu</h2>
      <ul>
        <li>aaaaa</li>
        <li>bbbbb
          <ol>
            <li>b1</li>
            <li>b2</li>
            <li>b3</li>
          </ol>
        </li>
        <li>ccccc</li>
      </ul>

      <table>
        <tr>
          <th>Záhlaví 1</th>
          <th>Záhlaví 2</th>
          <th>Záhlaví 3</th>
        </tr>
        <tr>
          <td colspan="2">a</td>
          <td rowspan="2">b</td>
        </tr>
        <tr>
          <td>c</td>
          <td>d</td>
        </tr>
      </table>

      <a href="http://google.com">Odkaz na google...</a>

    </section>

    <nav>
      <ul>
        <li>
          <a href="#">položka 1</a>
        </li>
        <li>
          <a href="#">položka 2</a>
        </li>
      </ul>
    </nav>

    <footer>
      Copyright v patičce...
    </footer>
  </div>

</body>
</html>