HTML>Lijsten

»» Om grote stukken tekst te ordenen kan je lijsten gebruiken. Html heeft enkele lijsten waarmee je je tekst kan ordenen.

The Webmaster

ps. Kijk, voordat u de les doet, onderaan de pagina!


Soorten lijsten;

Er zijn drie soorten lijsten. Te weten; ongeordende lijsten, geordende lijsten en de definitielijsten. Ik zal voorbeelden geven zoals ze er in de browser uit zouden zien.

Voorbeeld 1;
Ongeordende lijsten; Voorbeeld 2;
Geordende lijsten;
  1. item 1
  2. item 2
  3. item 3
Voorbeeld 3;
Definite-lijst;
keuze 1
definitie 1
keuze 2
definitie 2
keuze 3
definitie 3
Voorbeeld 4;
Geneste lijst;
Html
Opmaaktaal om website mee te maken.
  • keuze 1 om een website mee te maken
    1. WYSIWYG-editor; zoals frontpage
    2. html-editor zoals cuteFTP
De codes;
Ongeordende lijsten;
In voorbeeld 1 zag je een ongeordende lijst. Ik zal de htmlcode geven;

<ul>
<li>keuze 1
<li>keuze 2
<li>keuze 3
</ul>

UL staat voor unordered list. Je kan met het attribuut type nog wat meer met een ongeordende lijst doen. Je kan met het attribuut type het dichte rondje namelijk vervangen;
<ul type"circle"> zo krijgt de hele lijst i.p.v. Dichte cirkels Open cirkels. Met
<li type="circle">Krijgt alleen 1 lijstitem een open rondje.

Met type ="square"> krijg je een dicht vierkantje.

Geordende lijsten;
In voorbeeld 2 zie je een geordende lijst aan het werk. Geordend met een nummer. Hier de code;

<ol type="1">
<li>item 1
<li>item 2
<li>item 3
</ol>

Net zoals bij ongeordende lijsten(<ol>=ordered list) kan je met het attribuut type dingen veranderen aan het lijstitem.
Zo kan je met <ol type="1"> nummers krijgen bij de nummering. Zodra je daar 3 invult, begint de lijst te tellen bij 3 i.p.v. 1.
Als type kan je ook A of I opgeven. DAn krijg je eresultaten als A,B,C,D,E,F en I,II,III,IV,V,VI

Definitie-lijst;
De definitie-lijst wordt niet zoveel gebruikt. Hij is meer handig om uitleg te geven bij een item. Hier de code;

<dl>
<dt>keuze 1
<dd>definitie 1
<dt>keuze 2
<dd>definitie 2
<dt>keuze 3
<dd>definitie 3
</dl>

<dl>
betekent hier definition term. 

Geneste lijsten;
Een geneste lijst is niets anders dan meer dan 1 soort lijst doorelkaar. In voorbeeld 4 staat alle drie de lijsten doorelkaar. De htmlcode;

<dl>
<dt>Html
<dd>Opmaaktaal om website mee te maken.
<ul>
<li>keuze 1 om een website mee te maken
<ol type="A">
<li>WYSIWYG-editor; zoals frontpage
<li>html-editor zoals cuteFTP
<ol>
</ol>
</ol>
</ul>
</dl>

Dit is de code die ik ervan gemaakt heb. Kijk zelf maar ff.


Dit was het. De volgende les gaat over tables. Tabellen worden gebruikt om dingen zoals tekst te ordenen, maar vaak worden ze gebruikt als structuur van webdesign(zoals bij http://www.webhulpje.nl) .

The Webmaster

Vorige les//--Terug naar 't webhulpje--\\Volgende les

Voor vragen kan je terecht in het forum!!


Copyright © 't webhulpje, Nederland
Alle rechten voorbehouden. Niets van deze elektronische uitgave mag worden verveelvoudigd, opgeslagen in een geautomatiseerd gegevensbestand, of openbaar gemaakt, in enige vorm of op enige wijze, hetzij elektronisch, mechanisch, door fotokopieėn, opnamen, of op enige andere manier, zonder voorafgaande schriftelijke toestemming van de uitgever en/of de beheerder van deze website.