Regnery.net Internet

HTML CSS PHP MYSQL JQuery SEO – internetoplossingen

Lijsten in HTML

In je opmaak van je site gebruik je regelmatig lijsten. Bij het maken van je site kun je lijsten in HTML gebruiken. HTML biedt een aantal soorten van lijsten, namelijk een geordende lijst, een ongeordende lijst en een definitielijst. Met css kun je vervolgens de lijsten gaan opmaken naar eigen wens.

Lijsten in HTML de basis tag

Je maakt lijsten in HTML met de volgende tag opties:

  •  <ol>…</ol>: ordered list, standaard krijgt ieder list item een cijfer.
  • <ul>…</ul>: unordered list, standaard krijgt ieder list item een rondje.
  • <dl>…</dl>: definition list

In de <ol> en de <ul>  lijsten geef je vervolgens een lijst onderdeel aan tussen de tag <li>…</li>, waarbij li staat voor list item. De lijst hierboven is een voorbeeld van een <ul> lijst in html.

  1. Koop een brood
  2. Koop boter
  3. Pak een mes
  4. Smeer de boter op het brood

Dit is een voorbeeld van een <ol> lijst in html. Kortom, welke lijst je ook wilt gebruiken, in html kun je aan de gang.

Definition list

Een iets ander soort lijst is de definition list (<dl>…</dl>).  Deze lijst heeft een andere soort van opmaak. Allereerst moet je een <dt>…</dt> tag gebruiken om de te definiëren term aan te geven. Vervolgens krijg je in <dd>…</dd> de defintie zelf van de term. Hoe werkt dit?

<dl>
<dt>HTML</dt>
<dd>HTML staat voor hyper text markup language.</dd>
<dt>CSS</dt>
<dd>CSS staat voor cascading style sheets</dd>
</dl>