<znacznik_listy>
  <znacznik_elementu>Tekst elementu</znacznik_elementu>
  <znacznik_elementu>Tekst elementu</znacznik_elementu>
  ...
</znacznik_listy>

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Przykadowa lista uporzdkowana</title>
</head>
<body>
<ol>
  <li>W programie Internet Explorer otwrz stron z obrazem graficznym, ktry chcesz umieci jako tapet na swoim pulpicie.</li>
  <li>Kliknij obraz prawym przyciskiem myszy, aby otworzy menu kontekstowe.</li>
  <li> Wybierz opcj Ustaw jako to, aby zapisa obraz i uy go jako tapet na pulpicie.</li>
</ol>
</body>
</html>

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Przykadowa lista uporzdkowana  litery</title>
</head>
<body>
<ol style="list-style: upper-alpha">
  <li>W programie Internet Explorer otwrz stron z obrazem graficznym, ktry chcesz umieci jako tapet na swoim pulpicie.</li>
  <li>Kliknij obraz prawym przyciskiem myszy, aby otworzy menu kontekstowe.</li>
  <li> Wybierz opcj Ustaw jako to, aby zapisa obraz i uy go jako tapet na pulpicie.</li>
</ol>
</body>
</html>

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

<ol start="12" style="list-style: decimal;">

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

  <style type="text/css">
  ol { counter-reset: list 11; }
  li { list-style-type: none; }
  li:before {
      content: counter(list,decimal) ". ";
      counter-increment: list; }
  </style>

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

  <ol>
    <li>Element 12</li>
    <li>Element 13</li>
    <li>Element 14</li>
    <li>Element 15</li>
  </ol>

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

list-style: <list-style-type> <list-style-image> 
   <list-style-position>

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

<ol style="list-style: lower-alpha inside;">

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Przykadowa lista nieuporzdkowana</title>
</head>
<body>
<ul>
  <li>waniliowe</li>
  <li>czekoladowe</li>
  <li>truskawkowe</li>
</ul>
</body>
</html>

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

<ul style="list-style-position: inside;">

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

list-style-image: url(adres_url_do_obrazu);

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Punktory listy nieuporzdkowanej w postaci obrazw</title>
</head>
<body>
<p><b>kulka</b></p>
<ul style="list-style-image: url(kulka.jpg);">
  <li>waniliowe</li>
  <li>czekoladowe</li>
  <li>truskawkowe</li>
</ul>
<p><b>roek</b></p>
<ul style="list-style-image: url(rozek.jpg);">
  <li>waniliowe</li>
  <li>czekoladowe</li>
  <li>truskawkowe</li>
</ul>
</body>
</html>

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Przykadowa lista definicji</title>
</head>
<body>
<dl>
  <dt>Internet Explorer</dt>
  <dd>Program firmy Microsoft, integralna cz produktw Windows.</dd>
  <dt>Mozilla</dt>
  <dd>Program firmy Mozilla Project, przegldarka typu open source dla wielu rnych platform.</dd>
  <dt>Netscape</dt>
  <dd>Program firmy Netscape Communications Corporation, jedna z pierwszych przegldarek graficznych.</dd>
  <dt>Safari</dt>
  <dd>Program firmy Apple Computer, Inc., dziaa w systemie operacyjnym OSX firmy Apple.</dd>
</dl>
</body>
</html>

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

<style type="text/css">
  dt { color: red; font-style: italic; 
    font-weight: bold }
</style>

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Przykadowa lista zagniedona</title>
</head>
<body>
<ul style="list-style: disc;">
  <li>Wylij do nas list z opisem problemu. Pamitaj, aby umieci w nim nastpujce informacje:</li>
  <ol style="list-style: decimal;">    <li>Twoje imi i nazwisko.</li>
    <li>Twj numer porzdkowy.</li>
    <li>Informacje o tym, jak mona si z Tob skontaktowa.</li>
    <li>Szczegowy opis problemu.</li>
  </ol>
</ul>
</body>
</html>

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


