Homepage » Tutorials » HTML & CSS » Lijsten maken

Lijsten maken

Info
Door:	Rick	Moeilijkheidsgraad:
Geplaatst op:	08-02-2004	Reacties:	9(Bekijken)
Views:	37517 (gem. 15.6126 per week)	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!
gervuur	Geplaatst op 23-05-2006 om 22:51
Regular	dit is allemaal best duidelijk, maar hoe kan ik de lijsten centreren?
Blackhero12	Geplaatst op 25-08-2005 om 13:39
Regular	Ik hen de code ingevoerd maar ik zie geen punten. Hoe kan dat. Ik heb het volgende ingevoerd: <ul> <li>De Winkelstraat</li> <li>De Markt</li> <li>en het Supertownse plein</li> </ul> Is het misschien fout? Groetjes Runehero.nl
Room	Geplaatst op 17-04-2005 om 09:24
Regular	haj haj leuke site Room nou ja nog wat meer dingen alleen ik snap niet hoe je het moet doen kan iemand dat mij uitleggen kusje
henkie345	Geplaatst op 21-12-2004 om 20:44
Regular	dit is gelukkig weer een makkelijk stuk :)

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

Terug naar gewone pagina