Lister
Det finnes tre typer lister: Unordered lists, orderered lists og definition lists. De første to skal vi se på her, den siste ser vi på senere.
Unordered lists og ordered lists fungerer på samme måte, men den første brukes til punktlister, som ikke følger en sekvens. Ordered lists er til sekvensielle lister, som gjerne har et tall til venstre for seg.
Vi bruker ul-tag’en til unordered lists, og ol-tag’en til ordered lists. Inni begge disse listene bruker vi li-tag’en for å definere hvert listeelement (list item).
Endre koden din til følgende:
<!DOCTYPE html>
<html>
<head>
<title>Min første webside</title>
</head>
<body>
<h1>Min første webside</h1>
<h2>Hva dette er</h2>
<p>En enkel nettside laget med HTML</p>
<h2>Hvorfor dette er</h2>
<ul>
<li>For å lære HTML</li>
<li>For å skryte av meg selv</li>
<li>Fordi jeg har blitt forelsket i datamaskinen min, og vil gi den litt HTML-elskov</li>
</ul>
</body>
</html>Hvis du lagrer fila og laster inn nettleseren på nytt ser du en punktliste. Du kan enkelt teste å skifte ut ul med ol for å se tall istedenfor punkt.
Vi kan også putte en liste inni en annen liste, for å få et strukturert hierarki.
Endre ul-elementet til følgende:
<ul>
<li>For å lære HTML</li>
<li>
For å skryte av meg selv
<ol>
<li>Til sjefen min</li>
<li>Til vennene mine</li>
<li>Til kattene mine</li>
<li>Til den lille snakkende anden i hjernen min</li>
</ol>
</li>
<li>Fordi jeg har blitt forelsket i datamaskinen min, og vil gi den litt HTML-elskov</li>
</ul>Og slik – en liste inni en liste. Og du kan putte en liste til inni der. Og en til inni der. Og så videre.. og så videre…