How to Send HTML Email With Images

Save

Many popular email providers such as Microsoft's Outlook.com (previously Hotmail) provide users with a button to click that will insert an image automatically into an email message. But what to do in situations where there is no "Insert Image" button? Sending an email message that includes images can be accomplished with just a little bit of HTML code. It is important to keep in mind, however, that not all email accounts can receive HTML messages. Some email users choose to only receive plain text messages, so it is important to include an optional plain text message in addition to the HTML message.

  • Locate the URL of the image to be included in the email message. To view an image's URL, right-click on the image and select "Copy image location." If the image you wish to embed in your email is located on your computer, you can upload it to an online location using a free hosting website such as FileFactory, ZippyShare or FileDen (links in Resources).

  • Create a new email message and write these following HTML tags at the top of the message, before anything else:
    <html>
    <body>
    <p>

  • To insert the image, insert the following HTML code in the email message and paste the image URL in the quotation marks:

    </p>
    <img src="http://URL.of.the.image&quot; alt="Photo description">

  • Copy and paste the URL to your own image in place of the text "http://URL.of.the.image&quot;. This is the URL provided to you by the file hosting service you chose.

  • Enter a description for the image between the quotation marks after the "alt" code. If the link to the image becomes broken, this is the text that will display.

  • When finished inserting image HTML code, put the following code at the end of the email message:

    </p>
    </body>
    </html>

  • Compose your email as your normally would after the last line of code. This inserts an image before your email. If you would rather insert the image after your email, first write your message and then copy in this HTML code.

Tips & Warnings

  • To insert an image in the middle of your email, write your email inside the two paragraph tags, i.e. <p> and </p>. Wherever the <img> tag appears in relation to your email message, your image will display.

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!