2019.2

element" on page196.
ID's and classes are particularly useful with regard to variable data (see "Personalizing
content" on page328) and styling (see "Styling templates with CSS files" on page287).
When you add elements, such as text, images or a table, to the content of a template, you are
actually constructing an HTML file. It is possible to edit the source of the HTML file directly in
the Designer; see "Editing HTML" on the facing page.
Element types
The following types of content can be added to the content of a template:
l "Images" on page269 and "Dynamic images" on page351
l "Text and special characters" on page280
l "Date" on page265
l "Table" on page276
l "Boxes" on page254: Positioned Box, Inline Box, Div and Span
Tip
Wrapping elements in a box (see "Boxes" on page254) or in a semantic HTML
element makes it easier to target them in a script or in a style sheet. Place the
cursor in the element or select multiple elements. Then, on the menu, click Insert >
Wrap in Box. You can now use the wrapper element as a script's or style's selector;
see "Using the Text Script Wizard" on page342 and "Styling and formatting" on
page286.
l "Hyperlink and mailto link" on page266
l "Barcode" on page197
l "Whitespace elements: using optional space at the end of the last page" on page149
(Print context only)
l "Page numbers " on page150 (Print context only)
l Article, Section, Header, Footer, Nav and Aside are HTML5 semantic elements; see
https://www.w3schools.com/html/html5_semantic_elements.asp
l Other HTML elements: Heading (H1 - H6), Address and Pre
To quickly change a paragraph into a Heading, place the cursor inside of it, or select the
Page 191