How to Send a HTML Format Email

Save

Emails created with HyperText Markup Language (HTML) code are typically used to create personalized correspondence such as customized stationery, business mailings and newsletters. Though the process of actually coding the note can be confusing, only a few lines of HTML are required to construct a basic message. Even better, you already have the program you need to work with this markup language. Using HTML code with your text editor application, create and send your own HTML formatted email.

  • Launch your text editor and create a new document. If your text editor does not already provide the initial HTML code that creates a Web page, enter the following:
    <html>
    <head>
    <title>Enter a Preferred Title Here</title>
    </head>
    <body>
    </body>
    </html>

  • Place your cursor after the opening "<body>" tag. Enter the following HTML code that creates a simple one-row, one-column table:
    <body>
    <table>
    <tr>
    <td></td>
    </tr>
    </table>
    </body>

    A table holds the content of your HTML formatted email.

  • Position your cursor between the "<td></td>" tags and enter your message content. Further, type in page element tags like "<h1> </h1>" headings and "<p></p>" paragraphs to style your display. Enter the desired content between the tags as follows:
    <td>
    <h1>Enter a heading here.</h1>
    <p>Type in your paragraph content here.</p>
    </td>

  • Type Cascading Style Sheet (CSS) inline styles in the HTML tag to style your data. For example, make your heading green by entering the following:
    <h1 style="color:green;">This is your green heading.</h1>

  • Save your file with an "HTML" extension (for example, "email.html").

  • Launch your email program and create a new message. With many clients, such as Outlook Express, click the "Insert" option from the toolbar and choose your HTML document from your desktop to load it into the email. Using Mac OS X Mail, launch the Safari Web browser, select "Open File" from the "File" menu and simultaneously press the "Command" and "I" buttons on your keyboard. With Hotmail, select the "Edit in HTML" option from the menu bar and paste in the content of your HTML file.

References

  • Photo Credit Email Concept image by wayne ruston from Fotolia.com
Promoted By Zergnet

Comments

Resources

You May Also Like

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

M
Is DIY in your DNA? Become part of our maker community.
Submit Your Work!