Stap 11 - lijsten:
Je kunt het wel eens nodig hebben om teksten als lijst weer te moeten geven. Dit doe je met een van de verschillende LIST-tags. Er bestaan drie verschillende soorten lijsten.
Zorg dat index.html het volgende ook bevat:
<HTML>
<HEAD>
<TITLE>mijn eigen homepage</TITLE>
</HEAD>
<BODY BACKGROUND="images/background.gif" BGCOLOR="#FFFFE1" TEXT="#808080" LINK="#FF9B6A" ALINK="#FF9B6A" VLINK="#FF0000">
<FONT FACE="Verdana" SIZE=2>
<CENTER>
<H2>Een korte introductie</H2>
</CENTER>
<FONT COLOR="#FF9B6A"><B>Nora Tol Virtual Publishing</B></FONT> werd zo'n 12 jaar geleden gestart toen eigenaresse <FONT COLOR="#FF9B6A"><I>Nora</I></FONT> begon met het aanbieden van haar webdesigndiensten..
<P>
Dit is een beknopte lijst van de diensten die Nora Tol Virtual Publishing levert:
<OL>
<LI> Webdesign
<LI> Webhosting
<LI> Domeinregistratie
</OL>
<CENTER>
<FONT SIZE=4>Kijk snel op haar homepage voor meer informatie.<BR>
E-mailen kan natuurlijk ook!</FONT>
<HR WIDTH=50% COLOR=#000000 NOSHADE SIZE=2>
</CENTER>
</FONT>
</BODY>
</HTML>
OL staat voor Ordered List. Wanneer je de HTML file in een browser opent dan zie je dat er nummers staan die beginnen bij 1. Wil je dat de lijst begint bij een hoger nummer dan voeg je bij het openen een START toe: <OL START=2>. Dit is handig te weten voor wanneer je een lijst door een heel document moet voeren.
Je kunt met OL o.a. alfabetische volgordes creeren i.p.v. numeriek. Je hebt hier de volgende mogelijkheden voor:
<OL TYPE="1">voor numeriek (standaard)
<OL TYPE="a"> alfabetische volgorde in kleine letters
<OL TYPE="A"> alfabetische volgorde in hoofdletters
<OL TYPE="i"> Romeinse telling in kleine letters
<OL TYPE="I"> Romeinse telling in hoofdletters
Zou je de OL-tag vervangen met UL, dus:
<UL>
<LI> Webdesign
<LI> Webhosting
<LI> Domeinregistratie
</UL>
Dan zal je bullets te zien krijgen. UL staat voor Unsorted List.
De bullets kun je overigens zelf instellen. Je kunt dit ook vervangen met andere types. Je hebt hiervoor de volgende mogelijkheden.
<UL TYPE="disc"> voor bullets
<UL TYPE="square"> voor vierkantjes
<UL TYPE="circle"> voor open rondjes
Je kunt de bullets ook bereiken met de LIST-tag MENU:
<MENU>
<LI> Webdesign
<LI> Webhosting
<LI> Domeinregistratie
</MENU>
Als laatste bestaat er ook een DL (Data List). Hiermee kun je bijvoorbeeld stukjes uitleg toevoegen:
<DL>
<DT> Webdesign
<DD> ontwerpen van professionele (commerciele) websites
<DT> Webhosting
<DT> Domeinregistratie
<DD> Internetabonnementen en registratie van domeinnamen
</DL>
<DT> kun je dan zien als een kop(data title). Alles bij <DD> zal iets inspringen en kun je daardoor zien als subtekst. Je bent niet verplicht om onder elke kop een subtekst te plaatsen.
Lijsten beginnen en eindigen altijd met extra witruimte.
