HTML Guidelines for Email Creatives
- Toni Daniel
Email Creative Services
Basic html code structure:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* Add inline CSS for better compatibility */
</style>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table width="600" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Header -->
<h1>Your Email Title</h1>
</td>
</tr>
<tr>
<td>
<!-- Body Content -->
<p>Welcome to our email blast!</p>
<p>Here’s what you need to know...</p>
</td>
</tr>
<tr>
<td>
<!-- Call to Action -->
<a href="https://example.com " style="background-color: #007BFF; color: white; padding: 10px 15px; text-decoration: none;">Learn More</a>
</td>
</tr>
<tr>
<td>
<!-- Footer -->
<p>© 2024 Your Company. All rights reserved.</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>