Search Google Appliance

Information Technology

Add an HTML Block in Moodle

An HTML block is a standard block used to add text or images in the sidebar of your course page.

An HTML block can incorporate a variety of functions and uses. It provides the standard Moodle Editor for formatting text, adding images or creating links, and switching to HTML view, which allows any valid HTML code to be used. Audio, images and other files can add unique elements to a course or site page.

To add an HTML block:

  1. On your course page, click Turn editing on (green pencil icon Turn editing on (green pencil icon), top right).
  2. If your Navigation tray is collapsed, select the Navigation tray toggle (hamburger menu Hamburger menu icon, top left), and the Navigation tray will expand.
  3. Scroll down to locate Add a block in the bottom left of the tray.
    Add a block
  4. Click Add a block and select HTML from the drop-down menu. The HTML block will appear below the other blocks in the right column, named (new HTML block).
  5. At the right of the newly created HTML block, click the Edit icon (Moodle Update icon) and select Configure (new HTML block) block. The Configuring a (new HTML block) block page will open.
  6. In the HTML block title box, enter a name for the block (optional).
  7. In the Content box, use Moodle Editor to add formatted text, images, links or other content, or to enter HTML code, click the HMTL  icon (Embed icon) in the editing toolbar. The editor window will switch to a code view where can add any valid HTML code.
    Note: We do not recommend embedding video in a block as it is unlikely to fit within the width of the block. Images, however, will always resize in Moodle to fit the available space.
  8. Click the HTML icon again to view a preview in the Content box.
  9. Click Save changes to return to your course page and view.