eLearning

Create HTML Components (Original)

  1. Home
  2. Staff Guides (Original)
  3. UQ Extend

Overview

HTML Components enable you to share documents or provide instructions for students.

For more information on how to upload and embed or link files in HTML components, consult the Upload and embed/link a file in HTML Component for more information.

Warning: Prior to adding or editing content in your course, you will need to access Studio view. Refer to the Change from Student View to Staff Editing (Studio) View guide for further instructions.

    1. Create HTML Text
    2. Create HTML Text with Link
    3. Create HTML Text with Image
    1. Create HTML text banner
    2. Create HTML Announcement
    3. Create IFrame

    3. Create HTML Text with Image

    Note: This can be done in conjunction with the step Create HTML Text and/or Create HTML Text with Link.

    1. In your unit, click on the HTML button.

    html button selected

    1. Click on Text.

    text option selected

    1. Click on Edit.

    edit button selected

    1. Optionally, enter your text in the textbox.
    2. Click on the image icon.

    text selected in textbox, image icon selected

    1. Locate a previously uploaded image or click on the Browse your computer button to upload an image.
    2. Click on the Next button.

    Note: Larger images require more time to upload.

    Note: If an image is over 10MB, it will not upload and no error message will be displayed.

    browse your computer button selected, image selected, next button selected

    1. Provide alt text in the Image Description (Alt Text) textbox.
    2. Optionally, enter the dimensions in the Width and Height textboxes.

    Note: If the width is changed, the height will be automatically adjusted.

    1. Click on the Insert Image button.

    alt text entered in image description alt text textbox, image dimensions entered with 600 for width and 450 for height, insert image button selected

    1. Click on Save button.