Have you ever wondered how people get sounds, colors, and images on their E-mail? The way that they do it is by HTML codes. On this page I am going to start you off by teaching you simple HTML for your E-mail signature. Now you ask, well where do I put these codes once I have learned them? First off go to your "Mail". There should be a sidebar with the option of "Settings" click on to this. Then it should bring up a page of options one of them being "Signature", click on to this and it should bring up a blank text box. This is what is called a signature box. This is where you put in your HTML codes.
The Starting Tag
Every signature start off with these codes,
<<>html<>><<>body<>>
And ends with these codes,
<<>/body<>><<>/html<>>
This is very important, because if these codes aren't in nothing will work. Please note that only one set of html tags are needed.
The Body Tag
The next code I am going to show you how to do is put in a solid background color and text. Now first off you have to pick the color that you want. Only a few colors work with webtv, so you will have to look at a color chart. I will have a link for one of these on this page. For our little demo we are going to use "black" for our background, and "white' for our text. The code for this is,
<<>body bgcolor="black" text="white"<>>
Sometimes instead of writing "black" or "white" you can also use numbers and letters, these will be explained when you look at a color chart. I will show the same code as before showing black and white but this time with the numbers and letters,
<<>body bgcolor="#000000" text="#ffffff"<>>
Well there is the first way of putting in a background. The second kind of backround code we are going to do is the image background code. You can use a image instead of solid colors for your background. I will put a few links for places that you can find some at the bottom of the page. This is how that code looks,
<<>body background="url of image" text="white"<>>
Now where I put "url of image" is where you put the address of the image you have picked for the background. How do I find the address you ask? Well when you find the image you like click on the link to bring the image only on your screen, then hit your "Go To" and hit "show current". In the text box it should show the address of the image. Then Copy and paste that in the code. If you need to learn how to Copy and Paste, check out my tutorial, just click the link on the sidebar.
Sometimes when you use a background image, there will be lines in it. The code to get rid of these is as follows,
<<>noembed<>> <<>body background="url of image" text="white"<>> <<>/noembed<>>
You will not always have to use these codes, just when you have unwanted lines in your background image
The Image tag
Now I am going to show you how to put a graphic image on your E-mail. Like I said above I will have a few links at the bottom of the page where you can find some. These images are called "Gifs". Here is a code to put them on your signature,
<<>img src="url of image"<>>
Now where I have put "url of image" you put the address of the image in. You should know how get the address from above, it works the same way for this.
Now let's put that all together with the backround and image tag. We a going to use the solid color backround for this code. This is what we got so far,
<<>html<>> <<>body bgcolor="black" text="white"<>> <<>img src="url of image"<>> <<>/body<>> <<>/html<>>
And here is the code with a background image,
<<>html<>> <<>body background="url of image" text="white"<>> <<>img src="url of image"<>> <<>/body<>> <<>/html<>>
"Please note that there should be no space's in between these codes or they will not work!! Also some sites Do Not allow direct linking to their files!"
This is just a start there are many more things to learn. Go on to Lesson Two, when you have all of this down, and learn how to align your images, also how to resize your images, and to learn how to put sound in you E-mail. Remember to check the links below to find some great Gifs and Backgrounds! As always if you have any questions feel free to E-mail me and I will help you out!
Please sign my guestbook!
Check out these links!! There is also a color chart at Draac's, also there is one at U-L-T-R-A'S the link for that webpage, is on the intro page.
