line
Editing HTML directly
line

If you know HTML tags well, or if you wish to enter HTML tags other than those TopPage supports, edit HTML directly. [Ref.] "HTML tags"

This section contains the following topics:


Editing the HTML source

To edit the HTML source directly, click the HTML Source tab. The content of the HTML source is then displayed. You can rewrite it as you like. Click the Normal tab to return to the WYSIWYG editor.

HTML Source tab

Tip Tip To edit your Web page both on the Normal pane and on the HTML source pane simultaneously, click your Web page using the right mouse button, and select Open in New Window to open the same Web page in another window. If you click the Normal tab on one window, and the HTML source tab on the other window, you can edit while comparing the two.



Entering an HTML tag

You can directly enter an HTML tag, even on the Normal pane.

  1. Position the cursor on the location where you want to insert an HTML tag.

  2. Select HTML Tag from the Insert menu to display a dialog box for entering an HTML tag.

  3. Enter an HTML tag, and click the OK button to insert the tag at the cursor position.

    Entering a HTML tag

Tip Tips While you are editing your Web page on the Normal pane, the HTML tag name at the cursor position is displayed on the status bar.

To quickly display the Attribute dialog box for the target HTML tag, click the button in the lower right corner, and select the target HTML tag name from the pop-up menu that indicates the HTML structure. Note that some HTML tags have no attributes to be changed.

Lower right button



Entering HTML tag attributes

If you know such attribute keywords such as "align" and "src," you can directly enter the attribute values, even on the Normal pane, using the Universal Attribute Editor.

  1. Click the target element.

    Clicking an element

  2. Select Universal Attribute Editor from the Tool menu to open the Universal Attribute Editor.

  3. On the left side of the editor, all the HTML tags within the Web page you are currently editing are displayed. Click an HTML tag to display its attribute keywords on the right side. Click one of keywords, and enter its value in the Attribute Value box.

    Attribute Editor (after input)

  4. Click the Apply button.

Note Note By using the Universal Attribute Editor, you can edit even some attributes that TopPage cannot display.