How to send HTML email using Outlook

November 22, 2010

In order to create a HTML email using Microsoft Outlook, you firstly need to turn on HTML editing for your emails. To do so, open Outlook, then from the Tools menu bar, open the Options window, then click on the “Mail Format” tab and on the “Message Format” frame, select “HTML” from the message format drop-down list.

Mail Format

After the HTML selection is made, you can create a new Outlook email message and it will automatically use the HTML format. Depending on your skills and preferences, you can then compose the email using the Outlook HTML features (using the “Insert” and “Format” menus from the Outlook message edit window.

How to insert images into HTML emails

To insert an image into your new email message, go to the “Insert” menu, then click on “Picture…“. This will open the properties window for your image. To select which image to insert, just select the desired image file. You can also insert a label for your image. After the image is selected right click and then select “Insert Caption” and then select “New Label” to enter the desired text. This text should be displayed, if the receiver of your HTML email has disabled images within incoming email messages.

Insert Picture

Insert Label

How to add HTML links in Outlook HTML emails
Depending on the email client software of the one receiving your HTML email, you might need to insert link tags in your HTML email body, in order to properly display a clickable link within your email.

To insert a hyperlink while editing a HTML email message, go to the “Insert” menu and select “Hyperlink…“: a new window will popup, asking you to specify the properties of your new link. Please note that not every link is a HTML link: you can use the same function to insert clickable email addresses, FTP addresses or other link types into your new Outlook HTML email.

Insert HTML

How to add border color in Outlook HTML emails

When the entire HTML document is written right click and select “Borders and Shading”. A new window will pop up which allows you to choose the border color. To do this select the “Shading” tab and then choose the “Fill drop down menu to select a color. The “Apply to” drop down menu allows you to specify on what area of the page to apply the color to.

Insert Color

Entry Filed under: web development. Posted in  web development .

Leave a Reply


Calendar

November 2010
M T W T F S S
1234567
891011121314
15161718192021
22232425262728
2930  

Most Recent Posts