Add HTML elements

You can add HTML elements to your documents in Design view by using the Element tool. The Element tool creates div elements by default, which then can be used as containers for other elements.

Element Tool Overview

To add an element:

  1. Click the Element  tool in the toolbar or press d.
  2. Select the element type from the tool options bar.
    •  Add a div element.
    •  Add an img element (or amp-img for AMPHTML ads).
    •  Add a video element (or amp-video for AMPHTML ads).
    •  Add a custom element. Type the tag name in the Element field. The field autocompletes for HTML5 tags, which may not be valid tags for AMPHTML ads.
  3. Click and drag on the stage to position and size the new element.

To nest an element within another element:

  1. Click the Selection  tool in the toolbar.
  2. Double-click the desired parent element. The parent element becomes outlined in red, and can no longer be selected.
  3. Create a new child element. You can double-click the child element if you want to nest elements deeper.
  4. To navigate out of the parent element, use the Outliner or the breadcrumb links next to the page indicator .
Was this helpful?
How can we improve it?