Ant mail html format
Here is an example of an email in HTML format:
<!DOCTYPE html>
<html>
<head>
<title>Ant Mail</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.container {
width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header {
background-color: #333;
color: #fff;
padding: 10px;
border-bottom: 1px solid #333;
}
.header h1 {
margin: 0;
}
.content {
padding: 20px;
}
.footer {
background-color: #333;
color: #fff;
padding: 10px;
border-top: 1px solid #333;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>Ant Mail</h1>
</div>
<div class="content">
<p>Hello there!</p>
<p>This is an example of an email in HTML format.</p>
<p>You can add images, links, and other HTML elements to make your email more visually appealing.</p>
</div>
<div class="footer">
<p>Best regards,</p>
<p>Your Name</p>
</div>
</div>
</body>
</html>
This HTML code creates a basic email template with a header, content area, and footer. You can customize the styles and content to fit your needs.
Here's a breakdown of the HTML elements used:
<!DOCTYPE html>
: Declares the document type as HTML5.<html>
: The root element of the HTML document.<head>
: Contains metadata about the document, such as the title, charset, and styles.<title>Ant Mail</title>
: Sets the title of the email, which appears in the subject line and in the browser's title bar.<meta charset="UTF-8">
: Specifies the character encoding of the document.<meta name="viewport" content="width=device-width, initial-scale=1.0">
: Sets the viewport settings for mobile devices.<style>
: Defines the CSS styles for the email.<body>
: Contains the content of the HTML document.<div class="container">
: Wraps the entire email content in a container div.<div class="header">
: Defines the header section of the email.<h1>Ant Mail</h1>
: Sets the title of the email.<div class="content">
: Defines the content section of the email.<p>Hello there!</p>
: Sets the text content of the email.<div class="footer">
: Defines the footer section of the email.<p>Best regards,</p>
: Sets the closing text of the email.
You can add more HTML elements and styles to customize the appearance and content of your email.