| Lijsten maken in HTML is eenvoudig en duidelijk. Er zijn twee hoofdtypen lijsten:geordende lijsten en ongeordende lijsten.
Geordende lijsten:
Geordende lijsten zijn genummerd en elk item wordt voorafgegaan door een nummer. Ze worden gemaakt met behulp van de ` ` (geordende lijst) tag, en elk lijstitem wordt gedefinieerd met behulp van de ` - ` (lijstitem)-tag.
```html
- Eerste item
- Tweede item
- Derde item
```
Deze code produceert de volgende geordende lijst:
1. Eerste artikel
2. Tweede punt
3. Derde punt
Ongeordende lijsten:
Ongeordende lijsten zijn voorzien van opsommingstekens en elk item wordt voorafgegaan door een opsommingsteken. Ze worden gemaakt met behulp van de tag ` ` (ongeordende lijst), en elk lijstitem wordt gedefinieerd met behulp van de ` - ` (lijstitem)-tag.
```html
- Eerste item
- Tweede item
- Derde item
```
Deze code produceert de volgende ongeordende lijst:
- Eerste artikel
- Tweede artikel
- Derde punt
Stylinglijsten:
U kunt lijsten opmaken met behulp van CSS. U kunt bijvoorbeeld het lettertype, de kleur of de grootte van de lijstitems wijzigen. U kunt ook randen, achtergronden en andere effecten toevoegen.
Hier zijn enkele CSS-voorbeelden:
```css
/* Bestellijst */
ol {
lijststijltype:decimaal;
lettergrootte:1.2rem;
kleur:#333;
}
/* Ongeordende lijst */
ul {
lijststijltype:vierkant;
lettergrootte:1.2rem;
kleur:#333;
}
/* Lijstitems */
li {
marge-onder:10px;
}
```
Deze CSS produceert de volgende opgemaakte lijst:
1. Eerste artikel
2. Tweede punt
3. Derde punt
- Eerste artikel
- Tweede artikel
- Derde punt |
