html-wijzer

Categorie	CSS
Geplaatst	22-10-2006
Laatste aanpassing	25-07-2010

Lijstjes zijn overzichtelijk. Bezoekers kunnen hier heel gemakkelijk en snel een hoop informatie uit halen. Alle mogelijkheden op een rijtje.

HTML

Dit is de HTML-code voor een lijst:

ul staat voor unordened list. Dit geeft aan dat de lijst gaat beginnen. li geeft elke keer een optie aan. Een voorbeeld van de code hierboven:

• Opsomming 1
• Opsomming 2
• Opsomming 3
• Opsomming 4
• etc...

Dan heb je nog de ordened list (ol). Deze lijst is geordend, en zet dus cijfers voor de verschillende opsommingen. De HTML-code hiervan:

Een voorbeeldje van deze code:

1. Opsomming 1
2. Opsomming 2
3. Opsomming 3
4. Opsomming 4
5. etc...

CSS

We kunnen met CSS natuurlijk die lijst aan gaan passen, en er andere icoontjes voor gebruiken. Ook kun je afbeeldingen gebruiken als icoontjes.

Met het CSS attribuut list-style-type kun je de icoontjes aanpassen. De volgende code kan dan in je CSS-bestand:

Dit zijn de mogelijkheden om in te vullen in plaats van "optie" voor een unordened list:

• disc
• square
• circle
• none

Natuurlijk kun je precies hetzelfde doen voor de ol-list:

1. decimal
2. decimal-leading-zero
3. lower-roman
4. upper-roman
5. lower-alpha
6. upper-alpha
7. lower-latin
8. upper-latin

Bij een ul-lijst kun je ook een afbeelding als icoontje gebruiken, met de volgende code:

© 2003-2010 somp. Bekijk de disclaimer en de sitemap.