Canvas HTML Code Snippets Generator

This tool lets you enter one or more question & answer pairs and creates a block of HTML code that displays the questions but hides the answers until the student chooses to see them. These Self-Check snippets can be pasted anywhere in a Canvas page where you want students to pause and answer one or more questions about information presented on the page.

This tool creates a styled warning box to draw students' attention to particularly important information.

Canvas's Rich Content Editor already allows you to easily insert tables. However, sometimes we want tables with a little more style (striped rows, borders/no borders, etc.). This tool helps you easily select the colors and styles you want for your tables without having to know HTML or CSS.

Sometimes we want to present information that perhaps doesn't quite fit in the normal flow of our content but is nonetheless important. Use this tool to create a small, styled aside (e.g., to highlight a key concept, offer a pro tip, etc.).

This snippet generator helps you quickly create a frequently asked questions (FAQ) page for your course. Simply type in each question and answer pair, and HTML code will be generated that hides the answer until the user wishes to see it. This helps to create a less cluttered FAQ page.

This tool creates a bordered box where you can present a bullet list of a lesson's key points or concepts. These Key Points boxes are often placed at the beginning or end of a page to recap or summarize the most important content of the page.

This tool allows teachers to easily create a section of content with a “Show More” link. The first section of content is always visible, and students can click "Show More..." to reveal additional details, explanations, or examples.