Work with HTML Code in the Text Component

Work with HTML Code in the Text Component#

Tags: educator how-to

HTML, or HyperText Markup Language, is the standard markup language used to create web pages. Web browsers present HTML code in a more readable format.

When students see text and images in your course, they are seeing HTML code that is formatted and presented by their browsers. For more information about HTML, see Wikipedia.

Review HTML Markup in the Visual Editor#

#. To review the HTML markup added to content in the visual editor, select HTML from the visual editor’s toolbar. The HTML source code editor opens.

#. You can edit text and the HTML markup in this editor. However, you cannot add custom styles or scripts in this editor. To do this, you must use the raw HTML editor instead.

#. Select Save to return to the visual editor. The visual editor attempts to correct any problems with the markup you entered. For example, if you do not provide a close paragraph tag, the editor adds the tag for you.

  1. You can then continue working in the visual editor.

Warning

Selecting OK in the source code editor does not save your changes to the Text component. To save your changes and close the component, select Save in the visual editor. If you select Cancel, the changes you made in the HTML source code editor are discarded.

The Raw HTML Editor#

The raw HTML editor is a text editor. It does not offer a toolbar with formatting options.

The raw HTML editor, showing example HTML.

When you use this editor, you must supply valid HTML. The raw HTML editor does not validate your HTML code. If you use this editor, you should thoroughly test the HTML content in your course.

Important

When you add a heading to a Text component, make sure you use only heading level 2 <h2> through heading level 6 <h6>. Text components are part of a complete page, and elements outside the Text component use heading level 1 by default. Because tools such as screen readers use heading levels to navigate through pages, using heading level 1 inside a Text component can interfere with the functionality of these tools.

See also

About Text Components (concept)

Work with the Text Editor (how-to)

Manage the Full Screen Image Tool (how-to)

Work with LaTeX Code (how-to)

Maintenance chart

Review Date

Working Group Reviewer

Release

Test situation
Contents