Wiki Page, Canvas HTML Goodies to Sweeten Learner Engagement: 🍭 Tabs

Wiki Page
2023-01-04T12:28:46-07:00

👩‍🏫 LEARN

📑 OPTIONAL SKILL REVIEW

🧠 CHECK YOUR UNDERSTANDING

👩‍🏫 LEARN

*Estimated time to complete 👩‍🏫 LEARN & 🧠 CHECK YOUR UNDERSTANDING

5 mins

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nec nam aliquam sem et tortor. Pharetra et ultrices neque ornare aenean euismod elementum. Magna eget est lorem ipsum dolor sit.

📑 OPTIONAL SKILL REVIEW

The resources below can be used to supplement or reinforce your understanding, if needed.

🧠 CHECK YOUR UNDERSTANDING

Check your understanding by answering the questions below.

Learn more about the ingredients of the code.

Now, it's your turn! Copy the code below and paste it into a page in your sandbox course (a course you can "play" in). Add ingredients to make it your own.





TAB 1 TITLE

TAB 2 TITLE

TAB 3 TITLE



TAB 1 CONTENT

TAB 2 CONTENT

TAB 3 CONTENT



🏆 PRO TIPS:

⭐ Edit and format the tab names in the Rich Content Editor. It's easier than changing the code to reflect the formatting.

⭐ Create your content in another page. Then, copy the content into the TAB CONTENT Placeholder spaces. This decreases the likelihood that you will "break" your code.

⭐ You can use images in your Tab Titles. Just remember your alt text to ensure that they can be read using a screen reader.

Now that you've had a chance to play with the code, how might you use Tabs in your Canvas courses? Add your ideas to the Padlet below and then we'll discuss them!