How-To Use HTML Emails

Foxtrot RPA has the possibility to use HTML code in Email.

Basic tips how to apply different fonts, colors and even pain the background in Email message sending through Foxtrot you can find in a short guide below.

The very first rule when writing an HTML code:

Almost all (but there are several exceptions) the tags must go in pair with closing tags, like <a> and </a>. Where <a> is placed at the beginning of the text and </a> is placed in the end of the text: E.g. <a>Text<a/>

Tags are not displayed in the final text, just the text inside them:

Email:

HTML code consists of obligatory attributes, let’s consider them in detail:

<html>, </html>

specifies a document as an HTML document.
is a container that contains all the contents of a page, including the <head> and <body>

<head>, </head>

is a container for metadata (data about data).

<body>, </body>

defines the document's body.
contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists.

The list of tags below helps to make the text neat and implement all desirable styles:

,

defines a paragraph of text.

Example:

<html>

<body>

Merry Christmas and happy New Year!

</body>

</html>

To play with fonts it’s recommended to use CSS fonts properties as HTML tag is not supported in current technologies

style="font-family:”

style="font-size:”

style="font-color:”

Example:

<html>

<head>

Dear colleagues,

</head>

<body>Merry Christmas and Happy New Year!</body>

</html>

,

makes text bold.

Example:

<html>

<head>

Dear colleagues,

</head>

<body>Merry Christmas and Happy New Year!</body>

</html>

,

makes text italic

Example:

<html>

<head>

Dear colleagues,

</head>

<body>Merry Christmas and Happy New Year!</body>

</html>

,

underlines the text.

Example:

<html>

<head>

Dear colleagues,

</head>

<body>Merry Christmas and Happy New Year!</body>

</html>

<a htef=>, </a>

is used to embed references.

Example:

<html>

<head>

Dear colleagues,

</head>

<a href=https://d3v8fhblas9eb9.cloudfront.net/i/wp-content/uploads/2013/12/Rudolph-Reindeer-Red-Nose.jpg> Merry Christmas and Happy New Year!

</a>

</body>

</html>

<img>

defines an image in an HTML page.
has two required attributes: src (source of the image, specifies the URL of the image or it’s path) and alt (The alt attribute provides alternative information for an image if a user for some reason cannot view it).
In HTML the <img> tag has no end tag.

<img> can be used to insert a company logo into the email. The best approach is to paste into the code and URL of the logo image

Example:

<html>

</html>

Here is the result of a combination of all the tags mentioned above:

<html>

<head>

Dear colleagues,

</head>

</a></body>

Best regards / Med venlig hilsen,

Olga Klymenko

Robotics Consultant

Basico P/S

</html>

Articles in this section

Comments