H5P Examples

Example H5P Interactive Content

The following are examples that CITL staff created for various online courses. There are many more interactions and interaction types available but this will give you an idea of the instructional need for the interaction and the teaching and learning benefit.


Using a slide presentation in a course gives the instructor control over how they present the content and it gives students control over how they interact with the content. Instructors can present the related concepts together and insert headings, links, images, videos, audio to present the content and to engage learners. Quiz type questions can be used for recall practice and self checks.

This is a simple slide presentation with text, images, and questions.

Show/Hide Presentation

Question Set

With a Question Set, instructors can create a simple quiz that includes various question types such as multiple choice, multiple select, fill-in the blanks, and drag and drop. Question sets can be embedded directly in the content for recall practice and self-check on that topic.

Show/Hide Question Set

Drag and Drop

A drag and drop activity requires learners to drag text or an image and drop it on an associated area of an image or text. A drag and drop activity can help learners to engage with the content, make associations and connections, check their understanding, and in some cases it may be a safe way to practice a dangerous or difficult task or skill.

Show/Hide Drag and Drop

Activity Instructions

Use the clues below to fill in the family tree. Drag and drop the names on the left to the appropriate space on the right. Once done, select Comprobar to check your answers.

Isabella es la hermana de Felipe. / Elena es la nuera de Tomás. / Julia es la suegra de Martín. / Mía es la prima de Samuel. / Isabella es la mujer de Martín. / Felipe es el marido de Elena. / Samuel es el sobrino de Isabella. / Elena es la tía de Mía. / Elena es la madre de Sara. / Mario es el hermano de Mía. / Martín es el cuñado de Elena / Tomás es el abuelo de Samuel. / Martín es el yerno de Julia. / Sara es la nieta de Tomás.

Audio Dictation

For this interaction, the instructor observed that many ESL students struggled with numbers that sounded similar, like “fourteen” and “forty”. This dictation interaction allows students to practice listening and identifying numbers that are spoken. Students can practice multiple times. Feedback is provided immediately,

Show/Hide Audio Dictation

Dialog Cards

Dialog cards are a set of cards with a word, expression, or image on one side of the card and a corresponding word, expression, or image on the opposite side.

This simple activity requires students to interact with a Spanish vocabulary list. Students can practice identifying the English equivalent of the Spanish word, they simply turn the card to see the English equivalent.

Show/Hide Dialogue Cards

Activity Instructions

25 Latin words are presented below. View each word and define it. When you are finish, turn the card to see its definition and then move to the next word.


An timeline is an interactive and visually appealing way to present chronological content with images, text, and links.

Show/Hide Timeline

Image Hotspots

The image hotspots activity uses an image that has various points of interest on it. Students can view the entire image, see the relationships between various aspects of the image, and click on a point of interest to see in-depth information about it.

This image hot spot interaction uses an image of The Major Pathways for Dopamine. Students can use the interaction to see the content visually and to test their understanding of concepts.

Show/Hide Image Hotspot Activity

Activity Instructions

Study the three major pathways for dopamine on the image, view their location and how they interact. Hover over the question mark for the name of the pathway, click on it for a description.