HTML Basics

There are multiple parts of the HTML editor.

Shows HTML editor tools.

The upper toolbar of the HTML/WYSIWYG editor is very similar to the toolbar in most document editors, such as MS Word. If you do not see this full toolbar, click the [...]icon on the far right of the window.

Content can be copied and pasted from other sources (MS Word, Google Docs, etc.) with the formatting and pictures retained.

The editor has three options you can choose when viewing content found bottom right of the editing window:

View

Description

Design view

The design view loads automatically when the HTML Editor is accessed. Use this view to quickly create and format content without needing any prior knowledge of HTML. Enter your content and use the available controls to apply formatting to your text, insert images and tables, and create links.

Source Editor view

Click the The source editor icon HTML Source Editor icon to display the source editor view. This view displays the code that structures and formats your content. Use this view if you have experience with HTML and prefer to author your content in HTML or want to apply styles from a cascading style sheet (CSS). If you have HTML-based content from another application, you can also copy and paste that code into the source editor view.

Preview

Use the view to display a preview of your HTML content in a new window. This allows you to preview content and ensure that it displays as expected prior to saving any changes.