H5P Guides

Fill in the Blanks Tutorial

The Fill in the blanks allows elearning designers to create cloze tests. Portions of words or sentences are removed from a text and the learner is asked to replace the missing text. 

In this tutorial you will learn:

  • When to use Fill in the blanks
  • How to create Fill in the blanks

Video Tutorial

Example

Here's the Fill in the blanks we'll create in this tutorial:

When to use Fill in the blanks

Fill in the blanks cen be used effectively in language learning. A Fill in the blanks test asesses the learner's ability to understand context, vocabulary or grammatical concepts in order to correctly replace the missing pieces of text.

In addition to native and second language learning, Fill in the blanks can be used to test the learner's ability to reproduce facts or mathematical inferences.  

Fill in the blanks can be used stand-alone or they can be used in Question setsInteractive videos or Presentations. Either way, they are created in the same way. 

Prerequisites

Make sure H5P is up and running

If this is the first time you are using H5P, you should start off by reading this guide to ensure you are up and running with H5P on your platform. 

Alternatively, you can test drive H5P right here on h5p.org and skip to step 1.

Make sure your platform can create Fill in the blanks

Navigate to the menu that enables you to create new content. In Drupal, you select Interactive content. In WordPress you press Add new under H5P Content in the admin menu. Select the Create option for H5P. If you find Fill in the blanks in the list of Content types, skip to Step 1.

If you can’t find the Fill in the blanks content type in the list:

  1. Download the .h5p file you can find here
  2. Select the Upload option when creating a new H5P
  3. Upload the file from step 1
  4. Press Save

You will now find Fill in the blanks in the Content type list when creating a new H5P.

Step 1: Topic

In this tutorial, we'll use trivial facts about strawberries, English grammar and arithmetics to create a Fill in the blanks.

We'll use these three sentences:

  1. Insert the correct plural form of the noun strawberry: strawberries
  2. The strawberry is a juicy, edible fruit which has a red color when it is ripe. 
  3. Tom has 2 strawberries. Jill gives him 4 more strawberries. Now, Tom has 6 strawberries.

We'll test the learner by removing the words highligted with bold text above. These will be our blanks.

Step 2: Creating a Fill in the blanks

In Drupal you go to Create content and select Interactive content. In WordPress you select H5P Content and Add new from the admin menu. Then select the Create option for H5P and choose Fill in the blanks from the list of Content types.  

Step 3: Fill in the blanks editor

The Fill in the blanks question editor should now appear. The top part of the editor looks like this:

In this tutorial we'll focus on creating the Fill in the blanks content. The content creation happens in the top part of the editor, so this part of the editor will be our focus here.

The Fill in the blanks editor consists of Task description and Text blocks.

Step 4: Task description 

In the Task description field we give the learner basic instructions or introduce the problem to be solved.

We'll use this text for the Task descriptionInsert the missing words or expressions.

Step 5: Text blocks

Under Text blocks we add our three sentences and define which words are to be remove for the learner to identify.

We can add multiple text blocks, and we can remove multiple words in each text block. 

By default, only a single Text block is displayed when you create a new Fill in the blanks.

Because we have three sentences, we would like to add two more Text blocks. Press the Add text block button twice to add two more Text blocks

In the top Text block, we add the following sentence under Line of text:

Insert the correct plural form of the noun strawberry: strawberries

We insert asterisks before and after the word we would like to remove, like this:

Insert the correct plural form of the noun strawberry: *strawberries*

In the screenshot above, we have used the text formatting toolbar to highlight strawberry in italics.

Add the following text in the second Text block, under Line of text

The strawberry is a juicy, edible fruit which has a *red* color when it is ripe. 

In the third and bottom Text block, we add the following text under Line of text:

Tom has 2 strawberries. Jill gives him 4 more strawberries. Now, Tom has *6* strawberries.

In this last sentence, we want to allow the learner to insert both the number 6 as well as the word six.

We can define alternative answers by using a slash to separate the accepted alternative answers inside the asterisks, like this:

Tom has 2 strawberries. Jill gives him 4 more strawberries. Now, Tom has *6/six* strawberries.

You should now have something like this:

 

You can add as many Text blocks as you want. You remove Text blocks by pressing the 

 button in the top right corner of the Text block. You change the order of the Text blocks by pulling the  button in the top left corner of the Text block.

Step 6: Try again button

Check the Enable "Try again" button checkbox to allow the learner to try to solve the Fill in the blanks multiple times.

If you include Fill in the blanks in Question setsInteractive videos or Presentations, you might want to consider whether you want the user to only get one chance to solve the task.

In this tutorial, we'll leave this option checked.

Step 7: Case Sensitive

In this tutorial, we are not concerned whether the learner uses capital letters or not when inserting the missing text. We therefore uncheck the Case sensitive checkbox. Example: The learner will get a correct answer when inserting both Strawberries and strawberries in the first sentence.

Step 8: Finishing up 

Save the node/article to view your finished Fill in the blanks

You should now have the same result as the example on top of this page.  

Feel free to leave any comments or suggestions on how to improve this tutorial.