Kursy

Listy wyliczeniowe

Kolejną potrzebną funkcją HTMLa jest tworzenie list. Pierwszym rodzajem list jest lista definicji. Zaczyna się ją znacznikiem <dl>. Przed wyrazy, których definicję chcemy podać należy wstawić pusty znacznik <dt>, a przed definicją <dd>. Oto przykład takiej listy:

<dl>
<dt>HTML<dd> znacznikowy język do formatowania dokumentów
<dt>XML<dd> język używany do tworzenia internetowych języków znacznikowych
<dt>SGML<dd> język używany do tworzenia języków znacznikowych
</dl>



Kolejnym rodzajem listy jest lista numerowana. Zaczyna się ją znacznikiem <ol>, a poszczególne elementy listy zaczyna się znacznikiem <li>. Lista może być w różny sposób numerowana. Do określenia sposobu używa się atrybutu type znacznika <ol>. Oto wartości tego atrybutu:

  • 1 - standardowa numeracja za pomocą liczebników arabskich (1, 2, 3 itd.)
  • a - numeracja za pomocą kolejnych małych liter alfabetu (a, b, c, d itd.)
  • A - numeracja za pomocą kolejnych wielkich liter alfabetu (A, B, C, D itd.)
  • i - numeracja za pomocą liczb rzymskich zapisanych małymi literami (i, ii, iii itd.)
  • I - numeracja za pomocą liczb rzymskich zapisanych wielkimi literami (I, II, III itd.)

Można także określić numer od którego się zaczyna listę. Służy do tego atrybut start. Jeżeli chcemy, żeby w pewnym miejscu lista zmieniła przyporządkowany numer (np. jeżeli element miałby mieć numer 4, a chcemy, żeby posiadał numer 10, a następne będą miały 11, 12 itd.) musimy użyć atrybutu value znacznika <li>.

Następnym rodzajem listy jest lista z punktami. Zaczyna ją znacznik <ul>, a poszczególne elementy listy zaczyna się znacznikiem <li>. Rodzaj wypunktowania może być różny. Do określenia tego rodzaju służy atrybut type znacznika <ul>. Oto możliwe wartości tego atrybutu:

  • disc - kółko lub kropka, standardowe wypunktowanie
  • square - kwadracik
  • circle - okrąg

Oczywiście nic nie stoi na przeszkodzie tworzenia listy w liście. Oto przykładowa lista:

  • punkt 1
  • punkt 2
  • punkt 3
  • punkt 4
    1. punkt 1
    2. punkt 2
    3. punkt 3
    4. punkt 4
  • punkt 5
  • punkt 6

 

<ul type="disc">
<li>punkt 1
<li>punkt 2
<li>punkt 3
<li>punkt 4<ol type="1" start="3">
<li>punkt 1
<li>punkt 2
<li value="7">punkt 3
<li>punkt 4
</ol>
<li>punkt 5
<li>punkt 6
</ul>