Kies een thema:

Cursus HTML

Beginner


Gevorderde


Appendix


Informatie


Referenties


Links


8 Lijsten


8.1 Ongeordende lijsten

Een ongeordende lijst heeft als kenmerk dat de items niet genummerd zijn, maar een bepaald symbool (vierkant, cirkel, ...) krijgen als markering. Een ongeordende lijst wordt gemaakt met de elementen ul (unordered list) en li (list items).

<ul>
  <li>Eerste item van de ongeordende lijst</li>
  <li>Tweede item van de ongeordende lijst</li>
  <li>Derde item van de ongeordende lijst</li>
</ul>
Resultaat:
  • Eerste item van de ongeordende lijst
  • Tweede item van de ongeordende lijst
  • Derde item van de ongeordende lijst

Het symbool kan aangepast worden door het attribuut type te gebruiken. Door het type te wijzigen van ul worden alle symbolen aangepast van de hele lijst. Het symbool van een afzonderlijk item kan aangepast worden door het type te wijzigen van een item.

Mogelijke waarden zijn disc (dicht rondje), circle (open rondje) en square (vierkant).


Lijsten kunnen overigens genest worden, met andere woorden een lijst kan in een andere lijst worden opgenomen.


» Voorbeelden:


8.2 Geordende lijsten

Bij een geordende lijst worden de items genummerd met behulp van een getal of een letter. Een geordende lijst wordt gemaakt met de elementen ol (ordered list) en li.

<ol>
  <li>Eerste item van de geordende lijst</li>
  <li>Tweede item van de geordende lijst</li>
  <li>Derde item van de geordende lijst</li>
</ol>
Resultaat:
  1. Eerste item van de geordende lijst
  2. Tweede item van de geordende lijst
  3. Derde item van de geordende lijst

Het symbool kan aangepast worden door het attribuut type te gebruiken. Door het type te wijzigen van ul worden alle symbolen aangepast van de hele lijst. Het symbool van een afzonderlijk item kan aangepast worden door het type te wijzigen van een item.

Mogelijke waarden zijn:

  • 1: de getallen 1, 2, 3, ...
  • a: de kleine letters a, b, c, ...
  • A: de hoofdletters A, B, C, ...
  • i: de kleine romeinse getallen i, ii, iii, ...
  • I: de grote romeinse getallen I, II, III, ...

Om een geordende lijst niet met de standaardwaarde te laten beginnen (1, a, A, i of I) wordt het attribuut start gebruikt. Dit kan bijvoorbeeld nuttig zijn als een geordende lijst wordt onderbroken door een paragraaf en je later de nummering wilt voortzetten. De waarde van het attribuut start is een getal, ongeacht welke nummering gebruikt wordt.

Lijsten kunnen overigens genest worden, met andere woorden een lijst kan in een andere lijst opgenomen worden


» Voorbeelden:


8.3 Definitie lijsten

Een defenitielijst bestaat uit items die verdeeld zijn in twee delen: een term en een beschrijving. Een term wordt gedefinieerd door het element dt (definition term) en een beschrijving wordt gedefinieerd door het element dd (definition discription). Het begin en het einde van een definitielijst wordt bepaald door het element dl (definition list).

<dl>
  <dt>HTML</dt>
  <dd>HyperText Markup Language</dd>
  
  <dt>CSS</dt>
  <dd>Cascading Style Sheets</dd>
</dl>
Resultaat:
HTML
HyperText Markup Language
CSS
Cascading Style Sheets

» Voorbeelden:

« Image map    Tabellen »