Introductie HTML

Lijsten en tabellen
Terug --- Verder

In HTML kunt u gebruik maken van een aantal verschillende soorten lijsten (opsommingen). De nummering wordt in zo'n geval door de browser gedaan zodat er minder kans is op fouten. De twee belangrijkste lijsten zijn de geordende lijst (ol) en de ongeordende lijst (ul).

Geordend
Ongeordend
<ol>
<li> Eerste item
<li> Tweede item
<li> Derde item
</ol>
  1. Eerste item
  2. Tweede item
  3. Derde item
<ul>
<li> Eerste item
<li> Tweede item
<li> Derde item
</ul>
  • Eerste item
  • Tweede item
  • Derde item

De geordende lijst heeft nog een aantal handige attributen:

De attributen gebruikt u op de volgende manier:

<ol type="i" start="5">
<li> Eerste item
<li> Tweede item
<li> Derde item
</ol>

  1. Eerste item
  2. Tweede item
  3. Derde item

Natuurlijk is het ook mogelijk om lijsten in lijsten te maken. Vrijwel alle HTML elementen kunnen ook binnen een lijst gebruikt worden.

Tabellen

Tabellen zijn een ander handig element binnen HTML. Hiermee kunt u de informatie gestructureerd aanbieden. Qua opbouw zijn ze echter wel wat lastiger dan lijsten.

<table border="1">
<tr>
<td>cel 1</td> <td>cel 2</td>
</tr>
<tr>
<td>cel 3</td> <td>cel 4</td>
</tr>
</table>

cel 1 cel 2
cel 3 cel 4

Zoals u ziet bestaat een tabel uit een hoofd-element (table) met daarin een of meer rijen (tr) en kolommen (td). Normaal gesproken wordt de tabel zo breed afgebeeld als nodig is. Het is echter ook mogelijk om dat specifiek op te geven:

<table border="1">
<tr>
<td width="200" height="100">cel 1</td> <td width="100" height="100">cel 2</td>
</tr>
<tr>
<td>cel 3</td> <td>cel 4</td>
</tr>
</table>

cel 1 cel 2
cel 3 cel 4

Merk op dat alleen van de bovenste rij de afmetingen zijn opgegeven, de rest van de tabel past zich daar op aan. ]

 


laatste verandering 8/10/02 -- vragen of opmerkingen