Handleiding: Opsommingslijsten creëren

H

Hoe produceer je een opsomming in de Wysiwyg-editor?

Stel dat je een opsommingslijst wilt maken van appeltje, sinaasappel, peren en een mango.

Je begint te typen onder elkaar:
appeltje
sinaasappel
peren
mango

Selecteer de vier fruitsoorten met je muis. Zie nu het vierde icoontje linksboven in het menu van de body van de editor. Juist ja, die met die bullets en de streepjes er rechts naast. Klik daar eens op. Dan verschijnt het als volgt.

  • appeltje
  • sinaasappel
  • peren
  • mango

Om het uit te zetten klik je weer op datzelfde icoontje.

Mocht het niet direct lukken dan delete je met de backspace toets totdat appeltjesinaasappel naast elkaar staan en je plaatst de cursor op de s van sinaasappel en doet enter.

Hetzelfde geldt voor een lijstopsomming in de Wysiwyg-editor

Alleen dan gebruik je het icoontje er direct naast, die met cijfertjes en streepjes aan de rechterkant.

Appeltje, eitje!

 

Hoe produceer je een lijst of opsomming in de teksteditor?

<ul>, <ol> en <li> – Lijstjes maken</li></ol></ul>

Hieronder een lijstje zonder opsommingstekens in HTML:

<ul>
	<li>Bread</li>
	<li>Milk</li>
	<li>Carrots</li>
	<li>Potatoes</li>
</ul>

Voorbeeld:

  • Bread
  • Milk
  • Carrots
  • Potatoes

Kijk goed naar de code en zie hoe het werkt:

<ul>
	<li>aan het begin en ook aan 't eind</li>
</ul>

Om nummers in plaats van bullets te gebruiken doe je:

<ol>
	<li>Ik eet op de eerst plaats graag brood</li>
	<li>Dan wil ik 's middags graag warme toast</li>
	<li>En 's avonds eet ik vooral gezond</li>
</ol>

Voorbeeld:

  1. Ik eet op de eerst plaats graag brood
  2. Dan wil ik ‘s middags graag warme toast
  3. En ‘s avonds eet ik vooral gezond

Ik wil reageren

Over mij

moi pic

Hee hallo, ik ben Pix, jouw web-/logodesigner in de dop en ik blog sinds 2002. Mijn schrijflust doet me vaak naar het toetsenbord grijpen. Dat alles onder het genot van veel koffie en chocolate bites, gewoon omdat alles nu eenmaal veel mooie – en lekkere – flow vergt. Enneuhm…, mijn haar zit ook nog ‘es altijd goed! Zie ook mijn about-pagina. Lees je mee?

Social me