Chapter 1 Example: Expanded HTML Usage

This example demonstrates the use of several core HTML tags in a simple email layout.

Instructions and Objectives

In this exercise, you’ll explore fundamental HTML elements often used in emails:

  1. Observe how headings (<h1>, <h2>, <h3>), paragraphs (<p>), images (<img>), lists (<ul>/<ol>), tables (<table>), and links (<a>) are structured.
  2. Modify or add new elements to become familiar with each tag’s purpose.
  3. Use the inline CSS examples to see how styling can be applied directly to elements.

Edit the HTML in the CodeMirror editor on the left, and the live preview will update on the right.