Make your own free website on Tripod.com

This section deals with putting images in your e-mail. Images can either be in the form of a gif or jpg. Both have url's just like web addresses. When using the url of a gif or jpg, you're actually linking to the server in which they are located.

Note: File sizes vary based on the image selected. The larger the file size the longer the loading time. Keep this in mind when selecting a gif or jpg.

Here's the code for linking images:

<img src="http://url goes here">

Here's an example showing how to write it:
<img src="http://members.tripod.com/~webtv24/bugs56.gif">

Now let's take apart the above example and explain what's happening here:

img tells your browser that this is an image
src tells your browser to go to it's location
http://"url" tells your browser where it's located
bugs56 the name of the image
.gif the format of the image

By the way, here's what the above example looks like:

gif

Alignment

As if putting images in your e-mail were'nt enough, you can also align them as well! By adding the align attribute to the tag, you can have your images appear to the right or left of the page.


Example 1. Align="Right"

To have your image appear on the right, write it like this:
<img src="http://members.tripod.com/~webtv1/palmtree.gif" align=right>

It will look like this:

gif Your image will appear on the right of the page with your text starting at the top left of the image and running down until it eventually runs beneath it.


Example 2. Align="left"

To have your image appear on the left, write it like this:
<img src="http://members.tripod.com/~webtv1/palmtree.gif" align=left>

It will look like this:

gif Your image will appear on the left of the page with your text starting at the top right of the image and running down until it eventually runs beneath it.


Example 3. Centering Your Image

To have your image appear in the center, use the
<center></center> tags, before and after the <IMG> tag, like this:
<center> <img src="http://members.tripod.com/~webtv1/palmtree.gif" > </center>

It will look like this:

gif


Example 4. Border

To add a border arround your image, use the border attribute within the <IMG> tag like this:

<img src="http://members.tripod.com/~webtv1/palmtree.gif" border=8>

Here's what it looks like:

gif

You can increase or decrease the size of the border by using a larger or smaller number. Experiment and have fun!


Search the Lycos® web site for pictures. Just enter the kind of picture you're looking for in the box below. (ex. horses)
Search for:


Practice it here!