English  
 

htmlcursus

Overzicht

Geschiedenis

HTML

Alinea's

Teksten

(Hyper)Links

Tabellen

Afbeeldingen

Lijsten

Formulieren

Frames

Imagemap

Hexdecimale kleuren

Character-overzicht

Publicatie

Ons adres

Slot Assumburgpad 40
3123 RR Schiedam
Tel: 010 - 7373737
Fax: 010 - 7373733


Klantenlogin

Loginnaam:
Wachtwoord:

htmlcursus

Lijsten

Er zijn momenten dat gegevens gerangschikt moeten worden. Bijvoorbeeld voor een overzicht van het een of ander. Dat kan. Daarvoor hebben de browser-bakkers het volgende voor uitgevonden, lijstdefinities. Hiervoor zijn 3 varianten.

<LI>

  1. De gesorteerde lijst.
  2. De ongesorteerde lijst.
  3. De definitie-lijst.
Hierboven ziet u een voorbeeld van zo'n gesorteerde lijst. Wat hiervoor is gebruikt is het volgende:

<OL>
<LI>De gesorteerde lijst.
<LI>De ongesorteerde lijst.
<LI>De definitie-lijst.
</OL>

<OL>

Lijsten sorteren? Niet zo moeilijk. Gewoon <OL> om een genummerde lijst (Orderd List) te defineren en te beginnen. Daarna voor iedere regel een <LI> (Listed). U ziet dat er geen line-BReak opgegeven hoeft te worden. Dit gaat automatisch. En de tekst springt ook iets in. Daarna de boel afsluiten met </OL>.

De teksten werden simpel genummerd, maar u kunt ook starten met een ander getal. Voeg hiervoor de optie START=x toe aan <OL>. Vul voor x een getal waarmee u wilt beginnen in. Bijvoorbeeld <OL START=185>:

  1. De gesorteerde lijst.
  2. De ongesorteerde lijst.
  3. De definitie-lijst.
U merkt het; debrowser kan ook nog optellen! U kunt dit ook met het alfabet doen. Hiervoor voegt u de optie TYPE=a toe aan <OL>. Bijvoorbeeld <OL TYPE=a>:

  1. De gesorteerde lijst.
  2. De ongesorteerde lijst.
  3. De definitie-lijst.

Het vervelende aan oude browsers is toch weer altijd dat dit soort dingen niet altijd werken. Jammer, maar het is niet anders. Het leuke van het voorgaande voorbeeld is dat kleine of hoofdletters gedefineerd kunnen worden.

Het is zelfs mogelijk om romeinse letters/cijvers te gebruiken. Hiervoor gebruikt u TYPE=i of TYPE=I.

<UL>

Voor ongesorteerde lijsten gebruikt u <UL> in plaats van <OL>. In plaats van nummers of letters krijgen wij nu rondjes (bullets) voorgeschoteld. En die vorm is nog aan te passen ook, maar voorlopig alleen voor de Netscape-gebruikers (de nieuwste versie's van Microsoft ondersteunen dit nu wel) te zien. Om de verschillen te laten zien in 1 lijst heb ik een voorbeeld getoverd. De TYPES kunt u in de OL of UL opgeven, maar ook in de LI=labels:

<OL>
<LI>De gesorteerde lijst
<LI>De ongesorteerde lijst
<UL>
<LI TYPE=disc>Disc (standaard)
<LI TYPE=round>Round
<LI TYPE=square>Square
</UL>
<LI>De definitie-lijst
</OL>

Resulteerd in:

  1. De gesorteerde lijst
  2. De ongesorteerde lijst
    • Disc (standaard)
    • Round
    • Square
  3. De definitie-lijst

<UL>

Bij een definitie-lijst wordt er geen nummer en geen bullet voor het onderwerp geplaatst, maar een trefwoord. Deze lijstvorm leent zich dan ook bij uitstek voor beschrijvingen van een bepaald trefwoord. De werkwijze verschilt niet veel. Het resultaat is uiteraard wel anders. Het trefwoord komt, in plaats van de bullet of nummer, netjes links tegen de kantlijn te staan, terwijl de rest van de tekst daaronder inspringt.
Om aan te geven dat u een definitielijst wilt maken gebruik u eerst <DL>. Elk nieuw onderwerp opent u met <DT>, gevolgd door het trefwoord. Daarna gebruikt u <DD> waarna een beschriving (definitie) van het trefwoord kunt opgeven. Tenslotte maken we de boel af met </DL>. De labels <DT> en <DD> hebben, net als <LI> geen eindlabels.

<DL>
<DT>Trefwoord 1
<DD>Beschrijving 1e trefwoord.
<DT>Trefwoord 2
<DD>Beschrijving 23 trefwoord.
</DL>

Resulteerd in het volgende:

Trefwoord 1
Beschrijving 1e trefwoord.
Trefwoord 2
Beschrijving 23 trefwoord.
U begrijpt dat u hiermee eindeloos kan experimenteren.

© Cyberdots 1998 - 2005