<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

=====================================

<html>
... tre dokumentu ...
</html>

=====================================

<head>
  <link rel="stylesheet" type="text/css" href="/styles.css">
  <title>Tytu dokumentu</title>
  <meta name="description" content="Przykadowa strona">
  <meta name="keywords" content="przykad, nagwek, strona">
  <script language="JavaScript">
    function NewWindow(url){
    fin=window.open(url,"",
    "width=800,height=600,scrollbars=yes,resizable=yes");
    }
  </script>
</head>

=====================================

<html>
<head>
<title>Tytu dokumentu</title>
<style type="text/css">
  body { background: black; color: white}
  a:link { color: red }
  a:visited { color: blue }
  a:active { color: yellow }
</style>
</head>
<body>

=====================================

</body>
</html>

=====================================

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
  <style>
    .redline { color: red; text-decoration: line-through; }
  </style>
</head>
<body>
<h1>Wczeniejszy projekt Deklaracji Niepodlegoci</h1>
<p>Ilekro wskutek biegu wypadkw koniecznym si staje dla jakiego narodu, by zerwa wizy polityczne czce go z innym narodem i zaj wrd potg ziemskich oddzielne i rwnorzdne stanowisko, do ktrego upowaniaj go prawa natury i jej Bg, to waciwy respekt wymaga, aby nard ten poda powody, ktre zmusiy go do oderwania si.<span class="redline">W tym dokumencie zadeklarowano te powody.</span></p>
</body>
</html>

=====================================

<p style="color: red; text-decoration: line-
through;"> przykadowy akapit </p>

=====================================

<html>
<head>
<LINK rel="stylesheet" href="site-styles.css" 
type="text/css">
</head>
<body> ...

=====================================

    .redline { color: red; text-decoration: line-through; }

=====================================

<p> Szybki brzowy lis przeskoczy leniwego psa. Szybki brzowy lis przeskoczy leniwego psa. Szybki brzowy lis przeskoczy leniwego psa. Szybki brzowy lis przeskoczy leniwego psa.</p>
<p> Szybki brzowy lis przeskoczy leniwego psa. Szybki brzowy lis przeskoczy leniwego psa. Szybki brzowy lis przeskoczy leniwego psa.</p>

=====================================

<p align="center"> Szybki brzowy lis przeskoczy leniwego psa. Szybki brzowy lis przeskoczy leniwego psa. Szybki brzowy lis przeskoczy leniwego psa.</p>

=====================================

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<style type="text/css">
p.center {text-align: center}
</style>
</head>
<body>
<p class="center"> Szybki brzowy lis przeskoczy leniwego psa. Szybki brzowy lis przeskoczy leniwego psa. Szybki brzowy lis przeskoczy leniwego psa.</p>
</body>
</html>

=====================================

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd"> <html>
<body>
<h1>Nagwek 1</h1>
<h2>Nagwek 2</h2>
<h3>Nagwek 3</h3>
<h4>Nagwek 4</h4>
<h5>Nagwek 5</h5>
<h6>Nagwek 6</h6>
<p>Zwyky tekst elementu body: Szybki brzowy lis przeskoczy leniwego psa.</p>
</body>
</html>

=====================================

<body>
<p>Deklaracj Niepodlegoci rozpoczyna nastpujcy akapit:</p>
<blockquote>
Ilekro wskutek biegu wypadkw koniecznym si staje dla jakiego narodu, by zerwa wizy polityczne czce go z innym narodem i zaj wrd potg ziemskich oddzielne i rwnorzdne stanowisko, do ktrego upowaniaj go prawa natury i jej Bg, to waciwy respekt wymaga, aby nard ten poda powody, ktre zmusiy go do oderwania si.
</blockquote>
</body>

=====================================

<html>
<body>
<ol>Zwyka lista uporzdkowana
  <li>Pierwszy element uporzdkowanej listy
  <li>Drugi element uporzdkowanej listy
  <li>Trzeci element uporzdkowanej listy
</ol>
<ul>Lista nieuporzdkowana
  <li>Pierwszy element nieuporzdkowanej listy
  <li>Drugi element nieuporzdkowanej listy
  <li>Trzeci element nieuporzdkowanej listy
</ul>
<dl>Lista definicji
  <dt>Pierwszy element definicji
  <dd>Pierwsza definicja

  <dt>Drugi element definicji
  <dd>Druga definicja


  <dt>Trzeci element definicji
  <dd>Trzecia definicja
</dl>
</body>
</html>

=====================================

<html>
<body>
<ol style="list-style: lower-alpha;">Zwyka lista uporzdkowana (za pomoc maych liter alfabetu)
  <li>Pierwszy element uporzdkowanej listy
  <li>Drugi element uporzdkowanej listy
  <li>Trzeci element uporzdkowanej listy
</ol>
</body>
</html>

=====================================

<pre>
+------------------------+---------------------+
| nazwa                  | warto             |
+------------------------+---------------------+
| aktualizacja danych    | 106009013           |
| aktualizacja zwolnienia| roda, 28.08, 20:18 |
| status                 | 0                   |
| aktualizacja zasilania | 1069009861          |
+------------------------|---------------------+
</pre>

=====================================

<html>
<head>
  <style>
    .bordered { border-style: solid; }
  </style>
</head>
<body>
<p>To jest normalny akapit.</p>
<div class="bordered"><p>To jest akapit sformatowany za pomoc stylu div, ktry dodaje do niego ramk.</p></div>
</body>
</html>

=====================================

<html>
<body>
<p>Ten akapit prezentuje rne style wstawiane, takie jak <b>czcionka pogrubiona</b>, <i>kursywa</i>, <big>tekst powikszony</big>, <small>tekst pomniejszony</small>, <em>tekst wyrniony</em>, <strong>tekst mocno pogrubiony</strong> oraz <tt>tekst o staej szerokoci liter</tt>.</p>
</body>
</html>

=====================================

<html>
<head>
<style>
  .emphasis { color: red;  text-decoration: underline;
      font-weight: bold; }
</style>
</head>
<body>
<p><span class="emphasis">Ten tekst jest wyrniony</span>, a ten nie.</p>
</body>
</html>

=====================================

<p>&nbsp;</p>

=====================================

<html>
<body>
<table border="1">
  <tr><td>Imi</td><td>Wiek</td><tr>
  <tr><td>Anna</td><td>35</td><tr>
  <tr><td>Bartosz</td><td>29</td><tr>
  <tr><td>Dariusz</td><td>23</td><tr>
  <tr><td>Jan</td><td>31</td><tr>
  <tr><td>Jerzy</td><td>34</td><tr>
  <tr><td>Krzysztof</td><td>33</td><tr>
  <tr><td>Marcin</td><td>39</td><tr>
  <tr><td>Micha</td><td>25</td><tr>
  <tr><td>Stefan</td><td>38</td><tr>
  <tr><td>Szymon</td><td>40</td><tr>
</table>
</body>
</html>

=====================================

<html>
<body>
<form>
  <!-- Pole tekstowe -->
  <b>Imi:</b> <input type="text" name="imi" size="40">
  <br><br>
  <!-- Przeczniki -->
  <b>Wiek:</b>
        <input type="radio" name="wiek"> < 20
        <input type="radio" name="wiek"> 21 - 30
        <input type="radio" name="wiek"> 31 - 40
        <input type="radio" name="wiek"> 41+
  <br><br>
  <!-- Lista wyboru -->
  <b>Jaki jest Twj ulubiony smak lodw?</b>
    <select name="lody">
        <option name="czekoladowe">Czekoladowe
        <option name="truskawkowe">Truskawkowe
        <option name="waniliowe">Waniliowe
    </select>
  <br><br>
  <!-- Pola wyboru -->
  <b>Jak moemy si z Tob skontaktowa?</b><br>
  <input type="checkbox" name="telefon">Telefon<br>
  <input type="checkbox" name="poczta">Poczta<br>
  <input type="checkbox" name="e-mail">E-mail<br>
  <input type="checkbox" name="nie">Nie jestem zainteresowany<br>
</form>
</body>
</html>

=====================================

Wicej informacji znajdziesz tutaj.

=====================================

Wicej informacji znajdziesz <a href="http://www.sejm.gov.pl">tutaj</a>

=====================================

Wicej informacji znajdziesz w <a href="#Rozdz2">Rozdziale 2.</a>
...kod HTML...
<a name="Rozdz2">Rozdzia 2.</a>

=====================================

<img src="/images/tmoore.jpg" alt="Obraz Terri" 
width="100" height="200">

=====================================

<!-- Ta cz dokumentu wymaga lepszej organizacji. -->

=====================================

<!-- W tej tabeli trzeba wstawi nastpujce kolumny:
  Wiek
  Stan cywilny
  Data zatrudnienia
-->


=====================================

<html>
<head>
  <script language="JavaScript">
    function MiscWindow(w,h,url){
      opts = "width="+w+",height="+h;
      opts = opts+",scrollbars=no,resizable=yes";
      fin=window.open(url,"",opts);
    }
  </script>
</head>...

=====================================

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd"> <html>
<head>
  <meta ...tutaj s umieszczone znaczniki meta... >
  <title> tutaj znajduje si tytu strony (dokumentu)</title>
  <LINK rel="stylesheet" href="nazwa zewntrznego arkusza stylw" 
     type="text/css">
  <style>
    ... tutaj s umieszczone okrelone style...
  </style>
  <script>
     ... tutaj s umieszczone skrypty uruchamiane po stronie klienta...
  </script>
<body>
  ...tutaj znajduje si tre zasadnicza dokumentu, akapity zmodyfikowane za pomoc  elementw blokowych, znaki, sowa i zdania zmodyfikowane przez elementy wstawiane...
</body>
</html>

=====================================
