Skip to content Skip to navigation
The University of Arizona

About the HTML Editor

About:

Example of a page created using the HTML editor

The HTML Editor allows you to create web pages within your course site.

We highly recommend that you use the HTML editor to create content. Here's why:

  • Its better for you (saves time!)
  • Its better for your students (accessibility)

Note: As this EDUCAUSE Review shows, up to 77% of students use their smartphones to do coursework.


Why HTML?

Benefits to the Instructor:
  • Saves Time: If you create a document on your computer and upload it to D2L, to make changes you have to locate that document, edit it, and reupload it to D2L. When you create an HTML page, it is easy to edit and is always the most current version.
  • Transferable: You can copy HTML content from one course site to the next, making it easy to move HTML pages forward every semester.
  • Accessible: You can download and print HTML content, so it is always available to you in a variety of formats.
  • Integrated Formatting: The tools do the formatting work for you. For example, when you choose a heading style, D2L will automatically apply the font size and line spacing.
Benefits to the Student:
  • Accessibility: The HTML tools are designed with screen readers and other assistive technologies in mind.
  • Universality: HTML pages can easily be read on any device, from a desktop PC to an iPhone. PDFs and other documents are not so device friendly.

Note: For more on web content accessibility guidelines click here, and to learn about universal design, click here to open the National Center on Accessible Education Materials website.


Using the HTML Editor:

Image of the HTML editorThis is what the HTML Editor looks like. It works similarly to word processing programs, except the end result is a webpage rather than a document. 

Important note: When using the HTML toolbar to format your text, what you see in the HTML editor will appear differently from the way the page actually looks. You will have to Save or Publish your work to view the final results. 

HTML Editor Tools:
  • Insert Stuff: to insert a media file or link
  • Insert Image
  • Insert Quicklink
  • Format text
  • Add bullets, numbering, or alignment
  • Change font type or size
  • Change font color
  • Add or edit a table
  • Add graphical equations
  • Undo or Redo an edit
  • Cut and Copy text

Note: If you do not see all of the HTML icons, click on the ellipses icon to expand your screen:Image of ellipses icon in toolbar


Working with Copied Text:

If you do copy text from another source, we recommend removing the formatting and then using the HTML editor tools to format your page. To remove formatting, use the following keys to copy the text into your HTML editor window:

  • PC: Control + Shift + V
  • Mac: CMD + Shift + V
  • or, you can go old-school and paste your content into Notepad (PC)/Text Edit (Mac) to remove formatting and then copy from notepad into your HTML editor

Note: Advanced users can access the HTML code by clicking on the HTML Source Editor icon: Image of HTML Source Editor icon