Wood County Free-Net's Official

HTML Help Page


Lesson 17


More Email | Links w/o underlines | More Alignment


Line


Multiple Email Addresses


I recently wanted to send email to two different places with only one link on my page. I had to look high and low to find the code because I couldn't remember it. I finally found it and it works great.

So...just in case you should ever want to have someone email you at home and have the same message sent somewhere else, here is the easy way to have that done, automatically.

Remember your email link?

<a href="mailto:youremail@domain.com">Send Me Mail</A>

This will send the email to your account so you can pick it up with your email program. Now we want to add another email address to the above string to have that same email sent to, say, our work address.

<a href="mailto:youremail@domain.com?cc=work@Idratherbehome.com">Send Me Mail</A>

By adding the question mark (?), the cc (which means Carbon Copy), the equal sign (=) and lastly the new email address we will now have this email sent to two places.

NOTE: When you use the CC (Carbon Copy) feature in your emails, the people reading the original email will be able to see that you are carbon copying this email to someone else. Yes, they will also see the email addresses.

This is one of the things I hate about people forwarding emails. All the email addresses will show up in the body of the forwarded email. The addresses are coming from the To: field and the CC: field of the original email.

Let's add another one:

   <a href="mailto:youremail@domain.com?cc=work@Idratherbehome.com&bcc=friend@friendshouse.com">Send Me Mail</A>

Notice after the second email address all we have to add is the & (and) sign, no question mark between these too. Next is the bcc (blind carbon copy), the equal sign, then the new email address. This same email will be now sent to three places. Cool!

NOTE: This is the code to use when you want to send multiple emails to people. The bcc, Blind Carbon Copy, this will carbon copy the same email to a different address, but the people getting the emails will NOT see who else you are sending this to.

To get this feature working in Outlook Express is very easy.

This will add the field BCC: to your new email, and will now be on all your new emails. Now you can use the blind carbon copy feature.

You can use either the cc or bcc for the second email address and can string together as many emails as you want to here. Don't know why you would want the same email off your homepage to go to all these places, but who knows? Just remember to put the & sign, the bcc OR cc and the equal sign between the second, third, and so on, email addresses.


Line


LINKS W/O UNDERLINES


Did you ever see a page with links that do NOT have underlines. A lot of people like to use this function, I think it is kinda confusing for your visitors. Makes it harder to find the links, though the words will be the color you code into your body tag. Anyhow, here is the code:

<A HREF="http://www.yourlinkhere.com" STYLE="TEXT-DECORATION:NONE">Your Link Name Here</A>

Here is the link to the HTML homepage: HTML Help. Try it out, click on it to go back to the homepage. Use your back button on your browser to get back here.

This has to be done for every link you don't want the underline to show up on. However, we can use a style tag in the HEAD portion of our document to make ANY link we create on the page appear this way.

Just put the following code, as it appears below, in between the HEAD tags, in the beginning of your HTML document.

<STYLE TYPE="text/css">
<!--
A {text-decoration: none}
-->
</STYLE>

Make sure the code appears EXACTLY as shown above.

TIPS: Use the curly brackets (next to the P on the keyboard, using the shift key). There is one space after the colon, before the word none. Notice my three links at the top of the page are not underlined. I put the code above between the Head tags, check out my source code.


Line


More Alignment Tricks


With the homework button above I used the Align="left" tag to make the text align to the left of the homework button and continue on the next line. BUT....I don't like the way the words appear right next to the button. I want some more space between the button and the text...and I want it NOW!! Ok..ok..here is the code:

What we want to do is create some horizontal space, or cushion on the left and right side of the image. When we create the horizontal space it automatically creates it on both sides.

The code we will add to the IMG (image) tag is: hspace="10"

This code goes inside the brackets for the IMG tag. The number in the parenthesis is in pixels and can be changed to whatever number you want to use. Experiment with it. Check out the homework button below this part of the lesson, see the extra space next to the button? Cool! I used a hspace="20"

We can also create a vertical space, or cushion above and below the image, if needed.

This code is also added to the IMG (image) tag: vspace="10" and works the same way.

One more....did you ever notice that some graphics are pretty large and after typing your text next to it there is still room left. But....you don't want your text to continue next to the graphic, you want it to start below the graphic. Here is the code to stop your text from flowing next to your image:

<BR clear="right">

This is our normal break code <BR> with the clear command inserted into it. You would then use the "right" or "left" command depending on which works with your image.


Line



Back to HTML Help Index Page     Question Form


Created and Updated by Kathy Brandt ~ 2/26/2005