An HTML block allows adding text, images, and other media to course pages using HTML markup. It has a built-in editor for formatting and embedding videos, sounds, and other files. To add an HTML block, an instructor turns on editing, selects the HTML block from the add menu, and pastes or writes HTML code into the block's configuration page. For example, a search widget can be added by finding widget code online, copying it, and pasting into the HTML block before saving changes.

1. Html block
A HTML block is a standard
block used to add text or
images on a site or course
page. The title bar can be left
blank.

2.  It has the standard Moodle HTML editor
for formatting text, adding images or
creating links, switching to code view and
allows any valid HTML markup to be
used. This enables embedding video,
sounds, Flash, and other files which can
add unique elements to a course or site
page.

3. 1. Log in as a teacher in your
class ,then turn editing on.
2. The blocks is in the right
bottom .
3. Click the small triangle in
the right of the word add
to pull down the menu.
4. Select HTML.

5. A new HTML block appear in the right.

6. Click the configuration to add content to the HTML
block.

7. The HTML block editing page.

8. Click <>.

9. After clicking < >,we are ready to paste the
html code .

10. Search Widget
1.Seach in google, type
widget for web page.
2.Go to
http://www.google.com/ig/directory?
3. Go to
http://www.widgetbox.com/home/gu

12. Go to the widgetbox.

13. Click Gallery.

14. The gallery page.

15. Click education.

16. The education page.

17. Select the widget.

18. The widget selected. Click Get Widget

19. Click copy.

20. Return to the moodle site ,to paste the code.
Right click, select paste.

21. The html code is pasted.

22. Remember to click save change.

23. The widget appear in the HTML block.

24. Thank you.
Prepared by: Yong Pau Fong