Listor
Om numrerade listor <ol> och onumrerade listor <ul>
En lista är inte märkvärdigare än en lista i vanliga livet - den används helt för att lista olika saker och kan vara numrerad (ol) eller icke numrerad (ul). Ett exempel där jag använder listor är i innehållsmenyn till höger här på Webbdesigna.se.
Listelement
När man skapar en lista så använder man sig av olika öppningstaggar beroende på om man vill ha en icke-numrerad lista eller en numrerad lista. Varje listelement skrivs in på samma sätt oavsett listtyp.
Öppningstaggen för ett listelement är <li> och stängningstaggen är </li>
Icke-numrerad lista
För att använda dig av en icke-numrerad lista (eng. unordered list) så använder du öppningstaggen <ul>, lägger in listelementen och stänger listan med </ul>
En icke numrerad lista har öppningstaggen <ul> och stängningstaggen </ul>
Ett exempel på en icke-numrerad lista
- Bröd
- Mjölk
- Smör
- Ägg
- Juice
Så här ser koden för den listan ut:
<ul>
<li>Bröd</li>
<li>Mjölk</li>
<li>Smör</li>
<li>Ägg</li>
<li>Juice </li>
</ul>
Numrerad lista
Att skapa en numrerad lista fungerar på samma sätt som den icke-numrerade listan. Använd bara öppningstaggen <ol> (eng. ordered list) och stängningstaggen </ol> istället.
En numrerad lista har öppningstaggen <ol> och stängningstaggen </ol>
- Ketchup
- Bakmargarin
- Spagetti
- Jäst
- Oregano
Så här ser koden för den listan ut:
<ol>
<li>Ketchup</li>
<li>Bakmargarin</li>
<li>Spagetti</li>
<li>Jäst</li>
<li>Oregano</li>
</ol>
