HTML Formatting Examples

Introduction

This page shows several examples of a few different ways you can format pages by changing the HTML code. Look at the examples on this page and then click on the link at the bottom to see what the code actually looks like.

Sample 1 - Tabbed Interface

Note: Be aware that tabs do not display correctly in the Canvas Student and Teacher mobile apps.

Text for first tab

Please select this text and replace with your own content.

Text for second tab

Please select this text and replace with your own content.

Text for third tab

Please select this text and replace with your own content.

Sample 2 - Call Out or Shadow Boxes

TEXT GOES HERE

Sample 3 - Floating Text around an Image

Scenic landscape of Fiji showing crystal clear water with dark blue areas indicating deeper water and reef edges

This text should be floating around this beautiful image of Fiji. The crystal clear water is unbelievable. It looks like that everywhere over there. The dark color of the water indicates deeper water and the edge of the amazing critter filled reef.

View the HTML Code

Click here to see the HTML code for this page

Click on the Next button below to continue on in this module.