Adding Content

Modifing HTML Source

In Sitemonster Pro, textual and tabular information on your websites pages is automatically converted into HTML code. HTML, which stands for HyperText Markup Language, is a standardised language for presenting information, graphics, and multimedia on the World Wide Web. Using the Tag Properties feature, you can easily apply different styles and change properties of selected elements.

At the bottom of the Sitemonster Pro editor window you can see the panel displaying the HTML structure of the line, on which your mouse cursor is now placed.

For example, if you place the mouse cursor in a table, the HTML code structure will contain the following tags: TABLE, TBODY, TR, TD. The tag where the cursor stands is shown in bold.

To modify HTML source of a web page:

1. On the Edit tab, select the web page where you want to modify HTML source.
2. Place your mouse cursor in the line you want to edit and click the tag name.
3. Click Tag Properties.
   The Tag properties dialog box opens. In this dialog box, you can change the following properties:
   • For TABLE (Table) tags, you can adjust cell spacing, cell padding, table width and height, table and cell alignment, and define the style of borders.
   • For TR (Table Row) tags, you can adjust row colour and borders
   • For TD (Table Data) tags, you can change table text padding, margin, and decoration.
   • For A (Link) tags, you can change the link padding, margin, and decoration in the text.
   • For UL (Unordered List) and OL (Ordered List) tags, you can change the style of the list items.
   • For HR (Horizontal Rule) tags, you can adjust the colours and borders.
   • For IMG (Image) tags, you can adjust the colours and borders.
4. Click OK.
   The changes will be immediately applied in the editor screen.

Design & Layout| Creating