HTML 4.01: Lijsten : UL, OL, DL

  1. Unordered lists: UL, LI
  2. Ordered Lists: OL, LI
  3. Definition Lists : DL, DT, DD

Unordered lists : UL, LI

Een niet geordende lijst is een lijst waarvan de items niet genummerd zijn.

De lijst wordt geplaatst tussen de <UL> en </UL> tags. De items worden aangeduid met een <LI> tag, met optioneel een </LI> tag.

Het attribuut type (disc, square of circle) voor deze lijst is afgekeurd ten voordele van Style Sheets.

Je kan lijsten nesten.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
 <TITLE>Cursus HTML - IVO Brugge</TITLE>
</HEAD>
<BODY>
<P><BIG>Boodschappenlijst :</BIG>
<UL type="disc">
   <LI>Aardappelen
   <LI>Water
   <LI>Vlees
   <UL type="circle">
      <LI>Worst
	  <LI>Varkenshaasje
	  <LI>Lamsbout
   </UL>
   <LI>Suiker
   <LI>Bloem
</UL>
</BODY>
</HTML>

Ordered Lists : OL, LI

Bij geordende lijsten worden de items uit de lijst voorafgegaan door een opsommingsteken.

Geordende lijsten staan tussen de tags <OL> en </OL>, de items worden voorafgegaan door de tag <LI> en optioneel gevolgd door een </LI> tag.

De attributen voor deze lijsten zijn afgekeurd ten voordele van Style Sheets:

Je kan lijsten nesten.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
 <TITLE>Cursus HTML - IVO Brugge</TITLE>
</HEAD>
<BODY>
<P><BIG>Planning vergadering</BIG>
<OL type="1">
   <LI>Welkomstwoord van de voorzitter
   <LI>Bespreken agendapunten
   <OL type="a">
      <LI>Bespreken kosten
	  <LI>Bespreken inkomsten
	  <LI>Bespreken of we er nog mee doorgaan
   </OL>
   <LI>Dankwoord
</OL>
</BODY>
</HTML>

Definition Lists : DL, DT, DD

Met Definition Lists kan je een overzicht maken van een aantal termen en de verklaring bij elke term. De termen en de verklaring worden door de User Agent gestructureerd getoond.

De lijst staat tussen de tags <DL> en </DL>. De termen worden voorafgegaan door de tag <DT>, de verklaringen door de tag <DD>. De eindtag is voor beiden optioneel.

Je kan lijsten nesten.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
 <TITLE>Cursus HTML - IVO Brugge</TITLE>
</HEAD>
<BODY>
<P><BIG>Verklaring gebruikte termen</BIG>
<DL>
	<DT>WWW
	<DD>World Wide Web
	<DT>HTML
	<DD>Hypertext Markup Language
	<DT>Pluto
	<DD>Hemellichaam in ons melkwegstelsel
	<DD>Hondje uit Disney-tekenfilms
</DL>
</BODY>
</HTML>

Meer tutorials:
leer ook: html | xhtml | css | asp | asp.net | c# | ado.net | linq | ajax | java | javascript
Valid HTML 4.01! Valid CSS! © - Cursusweb