How to Create a Knowledge Check

Below is the HTML code needed to add an interactive "knowledge check" textbox to a Canvas page (and below the code is what it would look like on the Canvas page). Of course, you'll edit the text for your question prompt and responses (highlighted below). And you'll probably want to edit the background color of the call out box.

If you're not yet comfortable working with basic HTML code, you'll find a recorded training webinar as part of College of the Canyons Design Thinking series Links to an external site..  Scroll down to find the video titled "HTML Basics Demystified."

---

<h2>Knowledge Check</h2>

<div style="width: 55%; margin: 30px 10% 15px 10%; background-color: #F9C5E3;">

<div style="position: relative; top: -10px; left: -10px; padding: 15px; background: #ffffff; border: 2px solid #F9C5E3;">

<p>Audio and video content not only appeal to multiple learning preferences, they can...</p>

<ol style="list-style-type: upper-alpha;">

<li>fulfill accessibility requirements</li>

<li>elicit an emotional response which strengthens retention</li>

<li>be easy to create</li>

</ol>

<p>Select the button below for the answer.&nbsp;</p>

<div>

<div id="dialog_for_formatting_question" class="enhanceable_content dialog">The answer is <strong>B</strong>, "Elicit an emotional response which strengthens retention."</span>&nbsp;<br /><br /></div>

<p><a id="link1" class="Button" href="#dialog_for_formatting_question">Answer</a></p>

</div>

</div>

</div>

---

Knowledge Check

---