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.
To add an element:
- Click the Element tool in the toolbar or press d.
- Select the element type from the tool options bar:
-
div
element -
img
element (oramp-img
for AMPHTML ads) -
video
element (oramp-video
for AMPHTML ads) - 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.
-
- Click and drag on the stage to position and size the new element.
To nest an element within another element:
- Click the Selection tool in the toolbar.
- Double-click the desired parent element. The parent element becomes outlined in red, and can no longer be selected.
- Create a new child element. You can double-click the child element if you want to nest elements deeper.
- To navigate out of the parent element, use the Outliner or the breadcrumb links next to the page indicator .