decorative banner

Adding new HTML elements


    While working in the Outline Editor, you can quickly add HTML elements along with their start and end tags. You can select an element from a context menu that lists all elements defined in Web Settings, or only the elements that the document's DTD allows within or after the currently selected element. For information on DTDs, see Setting the doctype of a document. Or, you can define a new element by typing the element's tag directly in the Outline Editor.

    When adding an element, you can choose to either add the new element at the same level in the HTML hierarchy as the selected element, or at the next level deeper than the selected element.

To add an element:

  1. In the Outline Editor, select the existing HTML element that is immediately above the location in the outline where you want to add the new element. For example, to add a paragraph element below a table element, select the table element.
  2. To add an element at the same level in the HTML hierarchy as the selected element, do one of the following:
    • Display a list of elements that the document's DTD allows after the currently selected element by choosing Add Item After > By Syntax from the context menu. (See Using context menus.) Then choose an element from the By Syntax submenu. Two boxes representing the start and end tags for the element are added to the outline after the end tag of the previously selected element.

    Tip iconThe By Syntax submenu is especially useful for adding elements to documents that must comply with an XML DTD.

    • Display a list of elements from the Markup tab of Web Settings by choosing Add Item After > New Element from the context menu. Then choose an element from the New Element submenu. Alternatively, you can choose Any from the New Element submenu and then enter a name for the new element in the text box. The new element is added after the end tag of the previously selected element.
    • Collapse the existing selected element and then click the New Element button New Element button  on the toolbar. Then enter a name for the new element in the text box. The new element is added after the end tag of the previously selected element.
  3. To add an element within another element (that is, at the next level deeper in the HTML hierarchy), do one of the following:
    • Display a list of elements that the document's DTD allows within the currently selected element by choosing Add Item Into > By Syntax from the context menu. Then choose an element from the By Syntax submenu. The new element is added between the start and end tags of the previously selected element.
    • Display a list of elements from the Markup tab of Web Settings by choosing Add Item Into > New Element from the context menu. Then choose an element from the New Element submenu. Alternatively, you can choose Any from the New Element submenu and then enter a name for the new element in the text box. The new element is added between the start and end tags of the previously selected element.
    • Expand the existing selected element and then click the New Element button New Element button  on the toolbar. Then enter a name for the new element in the text box. The new element is added between the start and end tags of the previously selected element.