DLWO Docent

Hoe voeg ik een tabel toe aan een HTML-document?

Aangepast op

Je gebruikt de OU componenten tool om een tabel toe te voegen aan een HTML-document. Deze tabel bevat een rij voor de koptekst en rijen voor de inhoud.

1. Open de OU componenten tool

  1. Klik op Tools --> OU componenten in de cursusnavigatiebalk om het popup scherm met de OU componenten te tonen. Laat dit popup scherm staan.
Schermafbeeldingen die tonen hoe je OU componenten tool opent

2. Maak een HTML document aan

  1. Volg de handleiding voor het toevoegen van een HTML document tot en met stap 8.

3. Kopieer de opmaak van de tabel

  1. Klik in het popup scherm op de drie witte streepjes om de lijst van componenten te tonen.
  2. Klik op het pijltje naast Didactiek om de lijst met didactische componenten te verbergen en klik op het pijltje naast Algemeen om de lijst met andere componenten open te klappen.
  3. Klik op Tabel met koppen om een voorbeeld van de tabelopmaak te zien.
  4. Klik op Kopieer onder het voorbeeld, of klik op Kopieer naar klembord (het vierkantje naast Eenheid) in de lijst om de code voor de eenheid te kopieren naar je klembord.
  5. Er verschijnt een melding 'Gekopieerd naar het klembord'.
Schermafbeeldingen die tonen hoe je de opmaak van een Tabel met knoppen kopieert

Soms brengt je browser het pop-up scherm niet op de voorgrond. Kijk dan in je taakbalk of je het popup scherm kunt vinden.

4. Voeg de tabel toe aan het HTML-document

  1. Klik op tabblad van je browser waar het HTML-document open staat.
  2. Plaats je cursor achter [[Tekst]], of de tekst die je al toegevoegd hebt en druk minimaal 2x op de Enter toets om witruimte te maken.
  3. Plak de opmaak van de tabel met de toetscombinatie Ctrl+v (Windows), Cmd+v (Mac/IOS) of de rechtermuisknop Plakken.
  4. Plaats de cursor in de tabel en type de tekst.
  5. Gebruik het contextmenu om rijen en kolommen toe te voegen of te verwijderen.
  6. Klik op Opslaan en sluiten.
Schermafbeeldingen om te tonen hoe je een didactische component toevoegt aan een HTML document

Het kan handig zijn om de teksteditor te openen als volledig scherm.

Schermafbeelding om te tonen hoe je de teksteditor in volledig scherm opent
Vorige Handleiding Hoe vervang ik een bestaand cursusbestand?
Volgende Handleiding Hoe voeg ik een bestaand inhoudsitem toe aan de cursusstructuur?