Lijsten

Soms wil je opsomming maken van items. Bijvoorbeeld een todo lijst.

We kunnen dit maken met de li tag (afkorting van list). Een li is een child element (valt binnen een andere tag) van een ul (unordered list) of een ol (ordered list)

Bovenstaande lijstje krijg je alsvolgt, dit is een unorderd list

<ul>
    <li>Frans leren</li>
    <li>Wiskunde maken</li>
    <li>Kamer opruimen</li>
</ul>

 

Ordered list

  1. Frans leren
  2. Wiskunde maken
  3. Kamer opruimen
<ol>
    <li>Frans leren</li>
    <li>Wiskunde maken</li>
    <li>Kamer opruimen</li>
</ol>

Lijsten opmaken

Bij een unorderd list kan je de rondjes voor elk item vervangen door allerlei andere tekens, bv vierkantjes

li {
    list-style-type: square;
}