Att skapa listor i HTML är enkelt och okomplicerat. Det finns två huvudtyper av listor:ordnade listor och oordnade listor.
Beställda listor:
Ordnade listor numreras och varje post föregås av ett nummer. De skapas med hjälp av `
` (ordnad lista) taggen, och varje listobjekt definieras med hjälp av ` - ` (listobjekt) tagg.
```html
- Första objektet
- Andra objekt
- Tredje objekt
```
Denna kod kommer att producera följande ordnade lista:
1. Första objektet
2. Andra punkten
3. Tredje punkten
Oordnade listor:
Oordnade listor är punktlista och varje punkt föregås av en punkt. De skapas med taggen `
` (oordnad lista) och varje listobjekt definieras med ` - ` (listobjekt) tagg.
```html
- Första objektet
- Andra objekt
- Tredje objekt
```
Denna kod kommer att producera följande oordnade lista:
- Första föremålet
- Andra objektet
- Tredje objektet
Stylinglistor:
Du kan utforma listor genom att använda CSS. Du kan till exempel ändra teckensnitt, färg eller storlek på listobjekten. Du kan också lägga till kanter, bakgrunder och andra effekter.
Här är några CSS-exempel:
``` css
/* Beställd lista */
ol {
list-stil-typ:decimal;
teckenstorlek:1,2rem;
färg:#333;
}
/* Oordnad lista */
ul {
list-stil-typ:kvadrat;
teckenstorlek:1,2rem;
färg:#333;
}
/* Listobjekt */
li {
margin-bottom:10px;
}
```
Denna CSS kommer att producera följande formaterade lista:
1. Första objektet
2. Andra punkten
3. Tredje punkten
- Första föremålet
- Andra objektet
- Tredje objektet