Soms zie ik op websites opsommingen voorbij komen waar ik een beetje verdrietig van word. Met heel veel spaties is geprobeerd om alles recht onder elkaar te zetten maar eindstand staat alles nog schots en scheef.
Met HTML is het heel simpel om verschillende soorten opsommingen te maken die netjes onder elkaar komen te staan. In dit artikel zal ik een aantal verschillende opsommingen in HTML laten zien. Als eerst de ongeordende lijst!
De ongeordende lijst
Dit is een van de makkelijkste opsommingen die ik zelf ook regelmatig gebruik.
De code:
<ul> <li>Het eerste punt</li> <li>Het tweede punt</li> </ul>
Het resultaat:
- Het eerste punt
- Het tweede punt
De geordende lijst
De code:
<ol> <li>Het eerste punt</li> <li>Het tweede punt</li> </ol>
Het resultaat:
- Het eerste punt
- Het tweede punt
Een definitie lijst
De code:
<dl> <dt>Het eerste punt</dt> <dd>Beschrijving van het eerste punt</dd> <dt>Het tweede punt</dt> <dd>Beschrijving van het tweede punt</dd> </dl>
Het resultaat:
- Het eerste punt
- Beschrijving van het eerste punt
- Het tweede punt
- Beschrijving van het tweede punt
Vragen of opmerkingen?
Laat een reactie achter onderaan het dit bericht of stel de vraag voor het goede doel!