HTML 4: lijsten

Lijsten worden veelal gebruikt om de nadruk te leggen op enkele stellingen. Of belangrijke puntjes in een tekst aan te duiden. Er bestaan drie soorten lijsten. Ongenummerde lijsten, Geordende lijsten en Definitielijsten.

1. Ongenummerde lijsten

In een ongenummerde lijst wordt ieder object in de lijst voorafgegaan door een dikke punt (circle), een vierkant (square) of een disc. Dit kan je kiezen door in het type attribuut de gewenste soort te plaatsen.
Een voorbeeld

Een ongenummerde lijst begint altijd met een ul tag Vervolgens komt een aantal lijstobjecten tussen li tags Ten slotte wordt de ul tag weer gesloten

<ul type="disc">     <li>Een ongenummerde lijst begint altijd met een ul tag</li>     <li>Vervolgens komt een aantal lijstobjecten tussen li tags</li>     <li>Ten slotte wordt de ul tag weer gesloten</li> </ul>

Zoals je kan zien is dit niet zo ingewikkeld en is het resultaat verbluffend.

2. Geordende lijsten

In een geordende lijst wordt ieder object in de lijst voorafgegaan door letter, cijfer of Romeins teken.
Een voorbeeld

Een ongenummerde lijst begint altijd met een ol tag Vervolgens komt een aantal lijstobjecten tussen li tags Ten slotte wordt de ol tag weer gesloten

<ol type="1">     <li>Een ongenummerde lijst begint altijd met een ol tag</li>     <li>Vervolgens komt een aantal lijstobjecten tussen li tags</li>     <li>Ten slotte wordt de ol tag weer gesloten</li> </ol>

De mogelijke types voor geordende lijsten zijn:
1 voor cijfers
a voor letters
A voor hoofdletters
i voor Romeinse tekens
I voor Hoofdletter Romeinse tekens

3. Defenitielijsten

In een definitielijst wordt hetgeen je in de lijst plaats ingesprongen. Dit is een minder gebruikte lijst.
Een voorbeeld

Lijsten Onderdeel van HTML Arrays Onderdeel van o.a. PHP

<DL> <DT>Lijsten</DT> <DD>Onderdeel van HTML</DD> <DT>Arrays</DT> <DD>Onderdeel van o.a. PHP</DD> </DL>

Bij defenitielijsten zijn geen types mogelijk, het typeattribuut bestaat hier niet.
4. Lijsten door elkaar

HTML onderdelen formulieren tabellen afbeeldingen lijsten Ongenummerde lijsten Geordende lijsten Definitielijsten PHP Variabelen Condities

<ol>     <li>HTML onderdelen         <ul type="circle">             <li>formulieren</li>             <li>tabellen</li>             <li>afbeeldingen</li>             <li>lijsten                 <ol>                     <li>Ongenummerde lijsten</li>                     <li>Geordende lijsten</li>                     <li>Definitielijsten</li>                 </ol>             </li>         </ul>     </li>     <li>PHP         <ul type="circle">         <li>Variabelen</li>         <li>Condities</li>         </ul>     </li> </ol>

Zoals je ziet kan je meerdere lijsten door elkaar gebruiken, zo verkrijg je een boomstructuur.