listy

Do grupowania treści w html’u używamy list. Są one zbliżone do tych, których używamy na co dzień, zapisując np. listę zakupów.
Dane umieszczane w listach są wypunktowane i mogą być uporządkowane, bądź luźno wymienione.

• lista nieuporządkowana - wypunktowana
  Elementy tej listy są luźno wymienione po tzw. myślnikach.
  Domyślnie rolę tych myślników przejmują kropki.
  <ul>...</ul>

  przykład:

  
  

  • element 1
  • element 2
  • element 3

  kod:

  
  <ul>
<li>element 1</li>
<li>element 2</li>
<li>element 3</li>
</ul>
• lista uporządkowana - numerowana
  Elementy tej listy są numerowane.
  Można stosować numerację:
  arabską (decimal),
  rzymską (lower-roman lub uper-roman),
  literową (lower-latin lub upper-latin),
  grecką (lower-greek).
  <ol>...</ol>

  przykład 1:

  
  

  1. element 1
  2. element 2
  3. element 3

  kod:

  
  <ol style="list-style-type:decimal;">
<li>element 1</li>
<li>element 2</li>
<li>element 3</li>
</ol>

  przykład 2:

  
  

  1. element 1
  2. element 2
  3. element 3

  kod:

  
  <ol style="list-style-type:lower-latin;">
<li>element 1</li>
<li>element 2</li>
<li>element 3</li>
</ol>

  początkowa wartość numeracji

  Stosujemy atrybut: start="nr_startowy"

  przykład 1: (numeracja od 4)

  
  

  4. element 1
  5. element 2
  6. element 3

  kod:

  
  <ol style="list-style-type:decimal;" start="4">
<li>element 1</li>
<li>element 2</li>
<li>element 3</li>
</ol>

  przykład 2: (litery od e)

  
  

  5. element 1
  6. element 2
  7. element 3

  kod:

  
  <ol style="list-style-type:lower-latin;" start="5">
<li>element 1</li>
<li>element 2</li>
<li>element 3</li>
</ol>
• lista definicyjna
  Lista ta oprócz nazwy różni się trochę od poprzednich list.
  W tej liście do danego pojęcia przypisujemy określoną definicję (stąd nazwa), tak jakbyśmy pisali słownik.
  <dl>...</dl>

  elementy listy definicyjnej:

  <dt> - definition term (pojęcie)
  <dd> - definition description (definicja, opis pojęcia)

  przykład:

  
  

  tytuł rozdziału

  podpunkt 1

  podpunkt 2

  kod:

  
  <dl>
<dt>tytuł roadziału</dt>
<dd>podpunkt 1</dd>
<dd>podpunkt 2</dd>
</dl>