We zitten allemaal voortdurend lijsten te maken in een vaak wanhopig en vergeefs pogen de chaos de baas te blijven. Het zal u niet verbazen dat HTML hier faciliteiten voor heeft.
Er zijn drie soorten lijsten: ongeordende lijsten, geordende lijsten en definitie-lijsten. Ze zien er als volgt uit:
Ongeordende lijst:
U ziet dat de ongeordende lijst voor elk item een bolletje plaatst, en dat het geheel een halve centimeter of zo inspringt. Dit kunt u bijvoorbeeld gebruiken bij recepten: hier zet u de lijst van ingrediënten in. Een geordende lijst "telt door": u zoudt dit kunnen gebruiken als er een aantal handelingen in een bepaalde volgorde moeten worden verricht. Een definitie-lijst komt wat minder voor; ik laat u over een paar lessen er mee stoeien. (U zoudt hem kunnen gebruiken voor een woordenboek of zo.)
De code van een ongeordende lijst is als volgt ("UL" staat voor "unordered list"):
<UL>
<LI> item 1
<LI> item 2
</UL>
Een geordende lijst maakt u met ("OL" betekent dan uiteraard "ordered list"):
<OL>
<LI> item 1
<LI> item 2
</OL>
En voor een definitie-lijst gaat u als volgt te werk ("DT" staat voor "definition term", en "DD" voor "definition description":
<DL>
<DT> term 1
<DD> definitie van term 1
<DT> term 2
<DD> definitie van term 2
</DL>
(Dank aan de heer H.G. die me schreef dat de vorige uitleg -"definition definition"- niet klopte.)
U moet er even op letten dat geordende lijsten "doornummeren": als u een tag tussenvoegt, worden de daarna volgende items automatisch "opgehoogd". Prachtig, maar let u even op eventuele verwijzingen: die moet u dan wel met de hand aanpassen.
Grapje met een ongeordende lijst:
Normaliter wordt er een "bolletje" gehanteerd. U kunt ook een "open rondje" of een vierkantje kiezen, met het attribuut TYPE="circle" c.q. TYPE="square". Wilt u expliciet een bolletje opgever: TYPE="disc".
Grapjes met geordende lijsten:
Normaliter telt zo'n lijst met 1, 2, 3 enzovoort. Als u de voorkeur geeft aan a, b, c etcetera, luidt de tag <OL TYPE="a">. Voor hoofdletters (A, B, C) is dat <OL TYPE="A">. Voor Romeinse cijfers: <OL TYPE="i"> (of "I" voor Romeinse cijfers in hoofdletters).
Normaliter begint zo'n lijst met 1 (of A, uiteraard). Als u met een ander getal (of een andere letter) wilt beginnen, voegt u aan de tag toe START="3" (of een ander gewenst begingetal).
U kunt lijsten en andere tags gewoon met elkaar combineren. Vet, cursief, etcetera, het kan allemaal. Ook de hierna te bespreken links komt u vaak tegen in combinatie met lijsten.
Een voorbeeldje met een genummerde lijst met wat extra grapjes:
Van Amsterdam CS naar Madame Tussauds:
Uit tekstverwerkers als Word zult u ingewikkelde opsommingstekens met meerdere niveau's kennen: "2.1.4.3", of "C.IV.b.3". Ambtelijke nota's staan er bol van. Helaas: in HTML kunt u dit niet voor elkaar krijgen. U kunt lijsten wel "in elkaar nesten", maar de nummering begint op elk niveau opnieuw.
Een voorbeeldje van hoe u de tweede nummering in HTML dan nog enigszins voor elkaar kunt krijgen, uit een fictief stuk uit Den Haag:
Als u in de code kijkt zult u het met me eens zijn dat dit nogal een geknutsel is. I'm sorry, het is niet anders.
Als u zo'n geneste lijst maakt, maar dan ongenummerd, zult u ziet dat de browser eigener beweging zorgt voor afwisselend bolletjes, cirkeltjes etcetera.
Voeg de volgende tekst toe (probeert u dus alles in Times New Roman te krijgen, met vet en cursief als aangegeven):
Onderdelen gezocht!
Onze leden zijn op zoek naar de volgende onderdelen:
En u zou dit ongeveer moeten zien:
U kunt nu naar Links.