E-Mail » HTML Tags »
Insert an image into the current text flow.
Usage:
<img src="" width="" height="" border="" alt="" title="" hspace="" vspace="" align="" ismap usemap="#foo">
OR
<img src="" width="" height="" border="" alt="" title="" hspace="" vspace="" align="" ismap usemap="#foo" /> (XHTML)
| Tag Attribute |
Used To... |
| src |
Specify the source URL of the image to be displayed. REQUIRED. Images used in e-mails MUST be referred to by absolute address. |
| width |
Specify the width of the image in pixels. |
| height |
Specify the height of the image in pixels. |
| border |
Specify the pixel thickness of the border around images contained within hyperlinks. |
| alt |
Provide alternative text to be displayed by non-graphical browsers and e-mail clients in case the image does not load. |
| title |
Provide alternative text to be displayed by non-graphical browsers and e-mail clients when focused over. Usually this takes the form of a tool tip. |
| hspace |
Specify the space, in pixels, to be added to the left and right of the image. |
| vspace |
Specify the space, in pixels, to be added to the top and bottom of the image. |
| align |
Align the image to either the top, middle, bottom (default), left, or right of the text in the line. |
| ismap |
Indicate that the image has mouse-selectable regions when used within an <a> tag. |
| usemap |
Specify the map of coordinates and links that define the hypertext regions within this image. See map-area. |
Examples:
<img src="http://www.laughingotter.com/business/images/otterAvatar.jpg" width="64" height="64" border="0" alt="Laughing Otter Computing Services" title="Laughing Otter Computing Services" align="left" />
Whether you're trying to make an e-commerce site, product demo site, or just a fun site,
Laughing Otter can make it happen! Eight different computer languages and hand-coding
ensure you will have the maximum browser viewing audience with the least effort!<br clear="all" />
Whether you're trying to make an e-commerce site, product demo site, or just a fun site,
Laughing Otter can make it happen! Eight different computer languages and hand-coding
ensure you will have the maximum browser viewing audience with the least effort!
NOTES:
This tag works on all mail clients, except when the user has image loading switched off.
ALWAYS refer to an e-mailed image by its absolute URL!
It's good practice to always specify the width, height, border, and alt/title attributes when defining
an image, whether you're designing Web pages or e-mail. Rendering finishes QUICKER when these
attributes are defined for all images, not to mention providing information for your readers who have
switched off incoming images.
Related Links:
<br clear="...">
E-Mail » HTML Tags »