How HTML tags in the Email Module work?

HTML Tags in the Email Module

This guide explains how HTML tags work in the email module and shows the most common tags you can use when creating emails.

What is an HTML tag?

HTML tags are used to format the content of an email.

Example:

<b>This text is bold</b>

Most tags have:

an opening tag: <tag>
a closing tag: </tag>

Common HTML Tags

Headings

Used for titles and sections.

<h1>Main Heading</h1>
<h2>Sub Heading</h2>

Paragraph

Used for normal text.

<p>This is a paragraph.</p>

Line Break

Adds a new line.

First line<br>
Second line

Bold Text

<strong>Bold text</strong>

Italic Text

<em>Italic text</em>

Links

Creates a clickable link.

<a href="https://example.com">Open Website</a>

Lists

Unordered list:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

Ordered list:

<ol>
  <li>First</li>
  <li>Second</li>
</ol>

Images

<img src="https://example.com/logo.png" alt="Logo">

Tables

Often used for email layouts.

<table>
  <tr>
    <td>Left</td>
    <td>Right</td>
  </tr>
</table>

Example Email

<h1>Welcome!</h1>

<p>Thank you for joining our service.</p>

<p>
  <a href="https://example.com">
    Login here
  </a>
</p>

<p>Best regards,<br>
Support Team</p>

Best Practices

Keep HTML simple
Use inline styles when needed
Avoid JavaScript
Avoid complex layouts
Always test emails before sending anything to the end-contacts

Example with inline style:

<p style="color: blue;">
  Blue text
</p>

Summary

Tag	Purpose
`<h1> - <h6>`	Headings
`<p>`	Paragraph
`<br>`	Line break
`<strong>`	Bold text
`<em>`	Italic text
`<a>`	Link
`<img>`	Image
`<ul>`, `<ol>`, `<li>`	Lists
`<table>`	Tables