Lijsten maken

Info 
Door: Admin Moeilijkheidsgraad: 1/3
Views:48.642Reacties: 9(Bekijken)
  Log in om zelf te reageren
 Waardering:9.3/10 (3 stemmen)

HTML: de basis van iedere website» De opbouw van een html bestand | Tekst op je website zetten | Kleuren op je website | Lettertypen | Hyperlinks maken | Tabellen | Frames | Meer informatie over frames | Lijsten maken | Formulieren maken | I-frames | Metatags




Het maken van lijsten is misschien wel een van de makkelijkste dingen in html, maar je moet het maar net even weten natuurlijk. Eerst zullen we je even laten zien wat een lijst precies is:

  • Punt 1
  • Punt 2
  • Punt 3

Dit noemen we een ongeordende lijst. Hier volgt een geordende lijst:

  1. Punt 1
  2. Punt 2
  3. Punt 3

De ongeordende lijst maken we zo: We beginnen met <ul>. Dit betekent unordered list. De items uit de lijst geven we aan met <li>, van list item. Deze moet je, net als de <ul>-tag weer beeindigen. Ons lijstje uit het voorbeeld komt er in html dus zo uit te zien:

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

Wil je een geordende lijst hebben, dan hoef je alleen maar <ul> om te zetten in <ol>, wat natuurlijk staat voor ordered list. Dan komt ons lijstje er dus zo uit te zien:

<ol>
<li>Punt 1</li>
<li>Punt 2</li>
<li>Punt 3</li>
</ol>

Ook is het natuurlijk mogelijk om een lijst in een lijst op te nemen, zo bijvoorbeeld:

  1. Punt 1
  2. Punt 2
    • Punt A
    • Punt B
    • Punt C
  3. Punt 3

In HTML ziet dat er zo uit:

<ol>
<li>Punt 1</li>
<li>Punt 2</li>
<ul>
<li>Punt A</li>
<li>Punt B</li>
<li>Punt C</li>
</ul>
<li>Punt 3</li>
</ol>

Zoals we al vermeldden, is werken met lijsten erg simpel, maar toch onmisbaar wil je html goed kennen.

«Meer informatie over frames I-frames »

9 reacties
Drancas Geplaatst op 14-04-2009 om 00:26
 

Regular
ja.
vergeleken met frame:)
juliusjk Geplaatst op 14-12-2008 om 18:02
 

Regular
als ik <center> doe, staan de puntjes ervoor nog steeds aan de linker kant... hoe kan dat???
Hardstyler Geplaatst op 21-12-2006 om 09:42
 

Regular
als ik de code naar mijn body kopieer dan krijg ik gewoon de ongeordende lijst
Niels1994 Geplaatst op 24-09-2006 om 10:23
 

Regular
<center><ol><li>....</li></ol></center>
zo graakt het gecentreerd :D
gervuur Geplaatst op 23-05-2006 om 23:38
 

Regular
met het gewone <p align="center"> wil het niet!

Pagina 1 2 

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be, uw Hosting Solution Builder