Listor

Skriva listor i HTML

För att skriva en lista börjar du med <ul>

<ul>

</ul>

Därefter använder du <li> för varje objekt som ska listas.

<ul>
  <li>Objekt 1</li>
  <li>Objekt 2</li>
  <li>Objekt 3</li>
</ul>

Lista i listan

För att lista en lista i en lista skriver du en ny lista under det objekt där den ska ligga.

<ul>
  <li>Objekt 1</li>
  <li>Objekt 2
    <ul>
      <li>Objekt 2.1</li>
      <li>Objekt 2.2</li>
      <li>Objekt 2.3</li>
    </ul>
  </li>
  <li>Objekt 3</li>
</ul>

Så lätt var det

Vi vet att det inte ser så jättesnyggt ut, vi har bara inte kommit till själva designdelen än.

Gå till nästa steg!


Vill du bidra till ett öppnare och friare läromedel?

Bidra med eget material
comments powered by Disqus