Listy HTML: <ol>, <ul>

No to teraz możemy stworzyć listę kilku zadań. Na razie będzie to statyczna lista, czyli taka, którą wpisaliśmy "z palca" jako kod HTML, a nie utworzyliśmy dynamicznie za pomocą JavaScript, co zrobimy już niedługo.

W HTMLu możemy tworzyć 2 rodzaje list: uporządkowane (ordered) za pomocą znacznika <ol> (ordered list) i nieuporządkowane (unordered) za pomocą tagu <ul> (unordered list).

Pomiędzy tagami <ul> lub <ol> umieszczamy elementy listy, które tworzymy w obu przypadkach za pomocą tagu <li> (list element => mówiłem, że angielski przydaje się w programowaniu 😉).

Kod nieuporządkowanej listy wygląda tak:

<ul>
  <li>zrobić kawę</li>
  <li>wypić jogurt</li>
  <li>sprawdzić maila</li>
</ul>

Natomiast uporządkowana lista wygląda tak:

<ol>
  <li>zrobić kawę</li>
  <li>wypić jogurt</li>
  <li>sprawdzić maila</li>
</ol>

Doklej powyższy kod do naszego pliku, by zobaczyć, jak będzie wyglądał w przeglądarce (nie zapomnij najpierw zapisać plik, a potem odświeżyć przeglądarkę).