Szablon przykładowej strony

  1. <!doctype html>
  2. <html lang="pl-PL">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Projekt Edukacja</title>
  6. <link rel="stylesheet" href="css/style.css">
  7. </head>
  8. <body>
  9.   <header>
  10.     <nav>
  11.       <div>Logotyp</div>
  12.       <div>
  13.         <ul>
  14.           <li>Strona główna</li>
  15.           <li>Kontakt</li>
  16.         </ul>
  17.       </div>
  18.     </nav>
  19.   </header>
  20.   <main>
  21.     <div>
  22.       <article>
  23.         <header>
  24.         <h1>Lorem Ipsum</h1>
  25.         <p>Lorem Ipsum jest tekstem stosowanym jako przykładowy
              wypełniacz w przemyśle poligraficznym. Został po raz pierwszy
              użyty w XV w. przez nieznanego drukarza do wypełnienia
              tekstem próbnej książki. Pięć wieków później zaczął być używany
              przemyśle elektronicznym, pozostając praktycznie niezmienionym.
              Spopularyzował się w latach 60. XX w. wraz z publikacją arkuszy
              Letrasetu, zawierających fragmenty Lorem Ipsum, a ostatnio z
              zawierającym różne wersje Lorem Ipsum oprogramowaniem
              przeznaczonym do realizacji druków na komputerach osobistych,
              jak Aldus PageMaker</p>
  26.       </header>
  27.       <section>
  28.         <h2>Czym jest Lorem Ipsum?</h2>
  29.         <p>Lorem Ipsum jest tekstem stosowanym jako przykładowy
              wypełniacz w przemyśle poligraficznym. Został po raz pierwszy
              użyty w XV w. przez nieznanego drukarza do wypełnienia
              tekstem próbnej książki. Pięć wieków później zaczął być używany
              przemyśle elektronicznym, pozostając praktycznie niezmienionym.
              Spopularyzował się w latach 60. XX w. wraz z publikacją arkuszy
              Letrasetu, zawierających fragmenty Lorem Ipsum, a ostatnio z
              zawierającym różne wersje Lorem Ipsum oprogramowaniem
              przeznaczonym do realizacji druków na komputerach osobistych,
              jak Aldus PageMaker</p>
  30.       </section>
  31.       <section>
  32.         <h2>Skąd się to wzięło?</h2>
  33.         <p>W przeciwieństwie do rozpowszechnionych opinii,
              Lorem Ipsum nie jest tylko przypadkowym tekstem.
              Ma ono korzenie w klasycznej łacińskiej literaturze
              z 45 roku przed Chrystusem, czyli ponad 2000 lat temu!
              Richard McClintock, wykładowca łaciny na uniwersytecie
              Hampden-Sydney w Virginii, przyjrzał się uważniej jednemu
              z najbardziej niejasnych słów w Lorem Ipsum – consectetur – i po
              wielu poszukiwaniach odnalazł niezaprzeczalne źródło:
              Lorem Ipsum pochodzi z fragmentów (1.10.32 i 1.10.33)
              „de Finibus Bonorum et Malorum”, czyli „O granicy dobra i zła”,
              napisanej właśnie w 45 p.n.e. przez Cycerona.
              Jest to bardzo popularna w czasach renesansu
              rozprawa na temat etyki. Pierwszy wiersz Lorem Ipsum,
              „Lorem ipsum dolor sit amet...” pochodzi właśnie
              z sekcji 1.10.32.</p>
  34.         <p>Standardowy blok Lorem Ipsum, używany od XV wieku,
              jest odtworzony niżej dla zainteresowanych. Fragmenty
              1.10.32 i 1.10.33 z „de Finibus Bonorum et Malorum” Cycerona,
              są odtworzone w dokładnej, oryginalnej formie, wraz
              z angielskimi tłumaczeniami H. Rackhama z 1914 roku.</p>
  35.       </section>
  36.       <section>
  37.         <h2>Do czego tego użyć?</h2>
  38.         <p>Ogólnie znana teza głosi, iż użytkownika może rozpraszać
              zrozumiała zawartość strony, kiedy ten chce zobaczyć sam jej
              wygląd. Jedną z mocnych stron używania Lorem Ipsum jest to,
              że ma wiele różnych „kombinacji” zdań, słów i akapitów,
              w przeciwieństwie do zwykłego: „tekst, tekst, tekst”,
              sprawiającego, że wygląda to „zbyt czytelnie” po polsku.
              Wielu webmasterów i designerów używa Lorem Ipsum
              jako domyślnego modelu tekstu i wpisanie w internetowej
              wyszukiwarce ‘lorem ipsum’ spowoduje znalezienie bardzo wielu
              stron, które wciąż są w budowie. Wiele wersji tekstu ewoluowało
              i zmieniało się przez lata, czasem przez przypadek,
              czasem specjalnie (humorystyczne wstawki itd).</p>
  39.         </section>
  40.       </article>
  41.     </div>
  42.   </main>
  43.   <footer>&copy; Projekt Edukacja</footer>
  44. </body>
  45. </html>