Compose HTML Mail With Embedded Images
You might often receive advertisement mails or greeting cards with embedded images. How you wondered how this is done? Its not too difficult to achieve this. If you are not familiar with HTML authoring, you must have a html editor like Dreamweaver, Aptana or any other html editor. You can get it working with inline CSS (cascaed style sheets) and images uploaded to some image uploading services like www.flickr.com or picasa.google.com.
Just follows some easy steps below and your are done.
1. First of all upload the pictures that you like to use for composing the mail to some free picture upload service or to your own hosting if you have one. This is because when you send the mail, the images need to have absolute path so that they will be displayed.
2. Open any web/html editor and start composing the mail content. When attaching the picture use the url to the uploaded pictures. If you have to style the text or any tags in html you must use inline CSS.
eg:<div style=”color:red; font-size:16px; text-align:center; width:400px; height:30px; background-color:black;”>your content here</div>
will look like
Read more about inline CSS:
http://www.howtocreate.co.uk/tutorials/css/inline
3. Now open the webpage that you have composed in any web browser. Go to ‘Edit > Select All’ or press Ctrl+A. Now open you email account and start composing the mail. Paste the copied contents to the mail editor window by either ‘Edit > Paste’ or pressing Ctrl+v. Note that only the contents inside your body tag in the web page are copied to the mail. That’s the reason we use inline CSS rather than embedded CSS.
