MultiEd's Icon Tutorial
Editing HTML Files

This tutorial will show you how to use some of MultiEd's special features to simplify creating a html document.

Tool buttons required: One of the Web buttons for loading files into a browser and the Template button (#9 by default).

  1. Open a new .html file and save it an appropriate folder. There are two ways to do this:
    a. Click on the new button New file button and ask for a .html file. Then use the File menus "Save As" option to save it to an appropriate place with an appropriate name.
    or
    b. Click on the open button Open file button, select an appropriate folder, and type the desired file name (e.g. Test.html) Important: Be sure to include the file type (.html).
  2. Click the template button. Template button (By default it is tool button number 9 but it may have been moved). The open dialog has a list of templates that can be used for html. "template.html" is for generic html while the templates with version numbers meet the standards of the respective version of html. Select the desired template. MultiEd will write the basic structure of the .html for you.
    Select a template                 Result using template
    Selecting the template                 The result
  3. (Optional) Click a tool button Web button for a browser. MultiEd will load the file into the browser. (If necessary, it will open the browser first.) Of course, the page will be blank because we only have the standard structure of the web page.
  4. Write some html between the <body> and </body> tags. (If you don't know html, you can just write some text like "MultiEd makes it easy to write web pages.")
    Edited file
  5. Click the browser tool button Web button. The page will be loaded into a browser.
  6. Repeat steps 4 and 5 as needed to complete the page as desired.

Hint: Many html tabs like <html> require a closing tag like </html>. MultiEd can help you find the matching tag in such pairs. Put the cursor in the text of one tag Put cursor on the html tag, click the "Find brace" tool button Find brace button and MultiEd will move the cursor to the matching tag.

Revised Feb. 2, 2006