Hoofdstuk 3: Lijsten en frames
1. Lijsten
1.1 Ongenummerde lijst
Een andere belangrijke mogelijkheid die we niet alleen in teksten maar ook in andere pagina's kunnen gebruiken zijn de lijsten. Er bestaan 2 soorten lijsten namelijk de ongenummerde – en de genummerde lijsten.
Ongenummerde lijsten beginnen met <ul> en eindigen met de sluittag </ul>. De afzonderlijke items beginnen met <li> en worden gesloten met de tag </li>.
XHTML code
<p>Dit boek is opgedeeld in hoofdstukken:</p><ul>
<li>Hoofdstuk 1: ....</li>
<li>Hoofdstuk 2: ....</li>
<li>Hoofdstuk 3: ....</li>
<li>Hoofdstuk 4: ....</li>
<li>Hoofdstuk 5: ....</li>
<li>Hoofdstuk 15: ...</li></ul>
Weergave in de browser
Afbeelding 14: Ongenummerde lijst
1.2 Genummerde lijst
Genummerde lijsten beginnen met <ol> en eindigen met de sluittag </ol>. De afzonderlijke items beginnen met <li> en worden gesloten met de tag </li>.
XHTML code
| <p>Strafrecht, strafprocesrecht en internationaal strafrecht: </p> |
| <ol> <li>Algemene inleiding</li>> |
| <li>Materieel strafrecht</li> |
| <li>Algemene beginselen van het strafprocesrecht</li> |
| <li>Strafprocesrecht</li> |
| <li>Internationaal strafrecht</li></ol> |
Weergave in de browser (genummerde lijst)
Afbeelding 15: Samenvatting inhoudstafel Deel I van "Strafrecht, Strafprocesrecht & internationaal strafrecht" door Chris Van den Wyngaert
Alle tot hiertoe verkregen resultaten zijn er gekomen zonder de toevoeging van CSS. We zullen deze resultaten nog kunnen verfijnen door het gebruik van CSS code (zie verderop).
1.3 Definitielijst
De definitielijst is een variant op de vorige lijsten maar zonder gebruik van symbolen voor de opsomming. Ze start met <dl> waarbij de letters (dl) staan voor definition list. Op het einde wordt ze vanzelfsprekend afgesloten met </dl>.
De opsomming wordt gestart met de tag <dt>. De letters dt staan voor definition term en wordt gevolgd door <dd>, de afkorting van definition description.
- <dl>
- <dt>Binnenlandse bestellingen</dt>
- <dd>Binnen Benelux</dd>
- <dd>Buiten Benelux</dd>
- </dl>
1.4 Lijsten nesten
Resultaat van een dubbelgeneste lijst in browser:
Afbeelding 16: De dubbel geneste lijst
Lees er alles over in het boek. U vindt er maar liefst 16 hoofdstukken, inhoudstafel, index & 5 appendices. Bovendien wordt de theorie in dit werk verduidelijkt met talrijke voorbeelden. Zo doet u meer dan voldoende kennis en inspiratie op voor uw eigen project(en) !!! >>> Meer info
© Marc Vandenbussche d.d. 1 juni 2008