2: The Toolbar

When you are editing an HTML (or ASP/PHP) file, the Iosphere toolbar displays something similar to the following:

Each tab on the toolbar has its own set of buttons to perform a variety of tasks. Most of these buttons are self explanatory, with tooltips to show their exact function. The rest of this document will go through the less obvious functions.

Formatting Tab

This tab has buttons which will help you to lay out your page. It also has the Tag Properties button.

The Tag Properties button allows you to bring up a list of the attributes for the current tag and edit each one. You must have a tag highlighted or the cursor placed at the start of a tag.

The next three icons insert a paragraph block (<p>), a line break (<br>) and a horizonatal rule (<hr>).

The next four insert bold, italic, underlined and strikethrough text, respectively. They use the standard icons for this type of formatting.

Following this are the font colour and HTML colour buttons. If you want to change the colour of some text, simply highlight it, click the font colour button and select the colour you want.

The HTML colour button is quite a valuable tool. To insert a new colour value, click the button and select the colour which you want. If you want to edit an existing value, highlight it (including the "#") and the existing colour will be displayed, allowing you to change it.

The remainder of the buttons are self-explanatory.