WebThings: Lijsten
Lijsten binnen lijsten
Lijsten bieden een simpele en praktische manier om informatie te ordenen.
Het UL element, een ongeordende lijst, toont een bolletje voor elk onderdeel van de lijst. Elk onderdeel op de lijst begint met het LI (list item) element. Je kunt elk onderdeel op de lijst afsluiten met een </LI> label maar dat is niet verplicht.
<LI>Hond</LI>
<LI>Kat</LI>
<LI>Konijn</LI>
Zowel het UL als het LI element accepteren het attribuut TYPE. Dit attribuut kan de waarden "disc", "circle" of "square" hebben. als je dit attribuut toevoegd aan het UL element, wordt de hele lijst aangepast. Als je het gebruikt in een LI element, wordt alleen dat onderdeel van de lijst aangepast:
<LI STYLE="list-style-type:disc">Hond
<LI STYLE="list-style-type:circle">Kat
<LI STYLE="list-style-type:square">Konijn
<LI>Snake
Zoals je aan deze voorbeelden kunt zien, wordt "disc" gebruikt als er geen TYPE attribuut gespecifieerd is. Het TYPE attribuut is afgeschaft ten gunste van stylesheets.
In geordende lijsten krijgt elk onderdeel van de lijst een nummer. Elk onderdeel begint met het LI element. Net als bij ongeordende lijsten is het gebruik van een </LI> label optioneel. Dit is een voorbeeld van een geordende lijst:
<LI>Trein
<LI>Vliegtuig
Zowel het OL als het LI element kunnen een eigen stijl krijgen. Als je de stijl toekent aan het OL element geldt die voor de hele lijst. Als je een stijl toekent aan een LI element, geldt die alleen voor dat element.
<OL STYLE="list-style-type:hebrew">
<LI>Bogart
<LI STYLE="list-style-type:decimal-leading-zero">Reynolds
<LI STYLE="list-style-type:lower-roman">Bergman
<LI STYLE="list-style-type:decimal">Hoffman
<LI STYLE="list-style-type:upper-roman">Bacall
<LI STYLE="list-style-type:georgian">Caine
<LI STYLE="list-style-type:armenian">Pacino
<LI STYLE="list-style-type:cjk-ideographic">Quaid
<LI STYLE="list-style-type:hiragana">Goodman
<LI STYLE="list-style-type:katakana">McQueen
<LI STYLE="list-style-type:hiragana-iroha">Welles
Waarschijnlijk zul je zien dat je browser niet alle manieren van nummeren herkent. De nummeringen die niet herkend worden, worden vervangen door gewone cijfers.
Een definitielijst heeft elementen die steeds bestaan uit twee delen: een begrip aangegeven met het DT element en een definitie aangegeven met het DD element:
<DT>Kat
<DD>Een vier-benig, harig dier
<DT>Slang
<DD>Een dier dat op de grond glijdt
Een vier-benig, harig dier
Een dier dat op de grond glijdt
DD en DT elementen mogen afgesloten worden met respectievelijk een </DD> en </DT> label maar dat is niet verplicht. Er kunnen ook meerdere begrippen gevolgd door meerdere definities in een lijst staan: