<table width="100%" height="385" bgcolor="#000000" cellpadding="10" cellspacing="0"> <tr><td align="center"> <img src="images/webtvbug2.gif" height="100" width="300" border="0" alt="webtvbug"> <p> <font size="6" color="#A10000" effect="emboss"> <b><i>You have the Webtv Bug, you must reload this page by holding down the cmd key on your keyboard and pressing the letter R key 7 times. The Webtv Bug prevents webpages that use javascript from functioning properly. <br> Thank you "Kid"</i></b></font> </table>
THE_CLUB_HOUSE

colorbar



welcome







CLICK HERE TO ENLARGE THE TEXT OF THIS PAGE


HTML FOR BEGINNER'S


HTML

Hyper Text Markup Language
  A fancy way of saying a code computer's can read,Don't worry about it. Just remember the first thing you start out with is <HTML> and the last thing you end with is a </HTML>, Weather it's in your sig box (webtv) or in a webpage.

This is the basic for HTML, This will help you out in sprucing up your emails, and in making your webpages. If you don't get it at first, I didn't either, but you will learn as you try.

Okay, so you want to know how to spruce up your emails, well here we go, step by step.

Things you will learn here (Hopefully). Cut,Copy,And Paste, Changing the background color and text of your email. Putting sounds in your email, putting backgrounds in your email, putting images (animation) in your email, putting links to your webpage or site in your email, putting marquee's in your email, putting weather bars in your email, and putting a clock in your email.

You should learn how to cut,copy, and paste, you won't regret it. It will save you a lot of time and you won't mess up any addresses, (That you will need!). to put in the codes. You can also use it to put the codes in your sig box. So you don't need to write them down if you don't want to. Click the white boxes and copying the codes. There's a tutorial on the bottom of the page, make sure you learn it.

If this is a return visit and you just want to look something up for reference, feel free to use this box below to get you there faster.

If this is you first time here, please take the time to read ALL of what's here. You will learn the correct way then. If you skip a part you will probably put something in wrong. Please take the time to read it through, thanks.

PICK YOUR DESTINATION
Adding Color Adding Music
Correct Address Different Print
Fonts Cut,Copy,Paste

For PC user's, please take into fact that this tutorial was made for webtv user's. Webtv user's are able to use HTML in there emails. However you should look over the codes on these 2 pages, they will teach you the basics of HTML, and will come in handy when you make your webpages.

*NOTE (webtv user's) Computer user's might not be able to see your email with HTML in it. You might have to turn your sig off. Some ISP's, (Internet service provider's), might not allow HTML in email. So they might get a blank screen when you email them. AOL is a good example of this, they have text only email, meaning they only allow text in there email, NO HTML.

Lets start by changing the color of your background and text. You might want to write this down and keep it so you can refer to it when you want to change colors.

*NOTE You should only have ONE <html> at the beginning, and ONE </html> at the very end, ALL OTHER CODES GO INBETWEEN THEM, If you have more than one <html> and one </html>, TAKE THEM OUT! Only one set of them. here we go.

Back to top

ADDING COLOR TO EMAIL


(webtv)

1. First, go to your main mail page. Where you usually get your mail.

2. Now click on "settings", Just above where you get your mail near the center top of the page.

3. When the next page appears, click on "signature".

4. Now your cursor should be in a box, this is called your signature box or "sig box".

5. Now make sure your cursor is all the way to the top left by using your arrow keys.If it's not all the way to the top left it won't work, or your codes will show, so make sure.

6. Now type this in or, write it down exactly as you see it, <HTML>. All your codes for your sig box or webpages will start with this.

  Next comes the body codes, replace the ? marks with the colors you want. Make sure you leave in the " " marks and the colors go inbetween them. If you want some word color's unlike those number color's you'll run into, click here. Or if you want to use number codes instead, click here, Pick the color from the drop down and click the "convert to hex", and the hex color value's will show up in the box. will show. Be sure you put a # sign before the number's.
  Put them in the codes like <body bgcolor="blue" text="white">. Every code you will place will go between those " " marks.

<html>
<body bgcolor="?" text="?">
</body>
</html>

  Now this HTML is just for webtv/msntv emails. If your were going to use it in a webpage, other than the pagebuilder, or if your on a PC and making a webpage it would look like this:

<html>
<body bgcolor="?" text="?">
The rest of your text and what you want in your webpage here.
</body>
</html>

  Inside those HTML and BODY tags you can put anything you want. Image codes, javasript codes, ect.

*NOTE Whenever you use a body code like: <body bgcolor, or <body background=, you have to put a </body> </html> at the end. If you don't use a body code then you can end with a </html>. And you only use ONE BODY CODE IN YOUR SIG AT ONE TIME. That means you shouldn't have a </body> anywhere except at the end.

Back to top

ADDING MUSIC TO EMAIL


Now, if you want to add music, put these to the codes in your sig box.

1. Find a song you like, while it's playing click your goto button,then click your show last on the pop up screen that will appear. The address of the song will be in the window of the pop up window. For some midi's that are linkable click here.

2. Write the address down EXACTLY AS YOU SEE IT, you might have to move your cusor into where the address is and move it to the left to get the whole address. It should always start with http, or use cut,copy, paste. It's your choice.

3. Now you have the address of the song.

*NOTE You cannot use any music from Geocities, Tripod, Angelfire, or Fortune City. So if you see that anywhere in the address or you know the music comes from there You can't use it!

*NOTE Since the upgrade you cannot use loop="infinite" anymore, you put a number after loop="?" like "99" or if you want it to replay over and over use loop="-1">.

4. Now use this code for the music to play as soon as you open the mail. This code will go after your <body bgcolor="?" text="?"> body code.

<bgsound src="song address" loop="-1">

OR

<embed src="song address" autostart="true" loop="-1">


Both will work.

*Note if you going to use a wav you should drop the loop="-1" or the song will replay over and over, or you can put a loop="0".

5. Now to make a clickable speaker like this use this code.

<embed src="song address" loop="-1">

  Or to make it more PC compatible:

<embed src="song address" loop="-1" autostart="false" hidden="false">

In both of the above codes you can replace the "-1" with any number you want to make the song play that many times. Please DO NOT USE REAL AUDIO! it is not meant for Email. It can lock up webtv units, shorting the lifespan of the unit. Cause slow loading, and your stealing bandwidth by using it. It cannot be transloaded no matter what anybody tells you, costing the person or server that the song orignated from money!

6. Now add this code in your sig box with your color code.

<html>
<body bgcolor="?" text="?">
<bgsound src="song address" loop="-1">
</body>
</html>

You can replace the bgsound src with embed src if you want a clickable speaker. You can also put 2 sounds in by using both codes.

<html>
<body bgcolor="?" text="?">
<bgsound src="address of song">
<embed src="song address" loop="-1">
</body>
</html>

  Now this again is the code for webtv/msntv emails. If you want the code for a webpage it would go something like this:

<html>
<body bgcolor="?" text="?">
<bgsound src="song address" loop="-1">
The rest of the stuff on your webpage here.
</body>
</html>

  Or this code for both types of speakers, although on a webpage for PC user's and msntv user's the music will already be playing once the page is opened. So there would be no need for a clickable speaker unless you opened with a short wav like my pages do, then click the speaker button to play the song.

<html>
<body bgcolor="?" text="?">
<bgsound src="address of song">
<embed src="song address" loop="-1">
The rest of the stuff in your webpage here.
</body>
</html>

  Usually people use this code to put a start up sound when people open their email, like "You've got mail", then they can click on the speaker if they want after they open the mail.

Again, you should only have ONE <html> at the beginning, and ONE </html> at the very end, ALL OTHER CODES GO INBETWEEN THEM, If you have more than one <html> and one </html>, TAKE THEM OUT! Only one set of them.

Back to top

MAKE SURE YOU HAVE THE RIGHT ADDRESS


(webtv)
Sometimes the music won't play, or the image comes out as a blank square like this. First make sure the music and graphics are from a source that's linkable. Second, the most common mistake is, "The wrong address".

Here's a trick most of us who have been on the web for awhile know, but some of you might not know it. If you don't know how to cut,copy,and paste. Write the address down on your mail page, and send it to yourself. When it comes back you should be able to click on it and get the graphic, or the music should play if the address is correct.

Back to top

ADDING DIFFERENT PRINT TO EMAIL


  Although this say's email, it will work on webpages for pc user's. Webtv user's, just follow the instructions for email.

  If you want to underline a word or phrase like this, or use italic like this, or type writer print like this,or use bold print like this,or put a line through a word or phrase like this. When you write a letter you need not go into your sig box.

All you need to do is start out your message with <html>Write your message, and when you want to underline something put a <u> before the word or phrase, and a </u> after it.

If you want to italics, your put a <i> before the word or codes, and a </i> after it. For PC use this code <em>words here</em>, webtv user's can use this code too.

For typewritter print put a <tt> before the word or phrase, and a </tt> after it.

For bold writing put a <b> before the word or phrase and a </b> after it. PC user's can use <strong> words here</strong>, webtv user's can use this one too.

To put a line through a word a phrase put a <s> before the word or phrase, and a </s> after it.

To start a new line put a <br> when you want to start a new line

To put a paragraph in using this method, put a <p> where you want the paragraph break.

To make your letter look exactly the way you typed it, put a <pre> right after your <html>, and a </pre> right before your closing </html>.

When your done with your message end it with a </html>

Again you need not go into your sigbox to do this.

Back to top

FONTS


  To change the color and size of the text your we use what is called "Fonts".
  The codes go like this: <font size="?"> words here </font>, replace the ? mark with a number, the smallest being:
font size 1
font size 2
font size 3
font size 4
font size 5
font size 6
font size 7

  Being the largest. You can also add + or - before the number to make it larger or smaller.

  To change color you use this code: <font color="?"> words here </font>, you can replace the ? mark with a color like yellow.
Or you can use both codes together, <font size="?" color="?">words here</font>, Like this.

FONT EFFECTS


WEBTV ONLY


  You can also add effects to your fonts. There EMBOSS , RELIEF , and SHADOW. Just add them to your fonts like this: <font size="?" color="?" effect="?">.

  These can be use in the message like above, or in your sig box, or in webpages.

ADDING SPACES


  Ok, adding space's to your webpages or email. First, webtv can add space's by pressing the ALT-KEY and THE SPACE BAR at the same time. Some computer browser's won't be able to see this though, so if you want to add space's that are computer compatable, use these. &nbsp; this will add one space to your paragraphs, if you want to indent more, use 2, or 3 , ect.

ASSIGNING A WEBPAGE TO AN "F" KEY


  1. Ok the first thing you need to do to assign a webpage or site to an "F" Key is to put the webpage, or first page of the website in one of your favorite folder's.

  2.Once you have saved the webpage in your favorites folder, you must asign an F-Key to it by doing this;

  3. Go to the folder you assigned the webpage to.

  4.Once your folder opens up, click on "organize" on the top left of the sidebar.

  5.Then on the next screen, click on "shortcuts".

  6.Then on the next screen,click on the button next to the webpage you want to assign to an F-Key.

  7.Then on the next screen click on an F-Key number you want to assign the webpage to, then scroll down and click on done.

  The webpage should now be assigned to one of your "F" Key's, Now click on that "F" Key and see if that webpage come's up.

Back to top

CUT, COPY, AND PASTE, (ccp)


Webtv only

  First let's make sure we know what the key's do.
  The CMD-KEY and your A-KEY will hightlight what your going to copy.
  The CMD-KEY and the C-KEY will copy what you want copied.
  The CMD-KEY and the V-KEY will paste what you copied, to wherever you want it pasted.
  The FIND key, press this and a pop up screen will appear, put the first couple of words you want copied and they will be highlighted. You can aslo use your CMD-KEY and your F key for this.
  The CMD-KEY and your G-KEY, use this when you use the find option but the word that was highlighted is the same word, but above the word your looking for. This will move it to the next word that matches.
  The CMD-KEY and the B-KEY, you use this if you overshoot the word your looking to hightlight using the CMD-G Key above. It will move the cursor up to the next word that your looking for to be highlighted.

  OK, now that we know what the key's do, let's put them to work.

  First if you want to ccp an address, first while viewing the graphic or listening to the song, click your "goto" button, or "option" then the "goto" button. Then click your "show last" button, the address of the song or graphic will be in the window. While it's still in there press your CMD-Key and your A-Key, this will highlight the address, Then press your CMD-key and your C-Key, this will copy it, now your can go to whever you want to put it or paste it and press your CMD-Key and your V-key and the address will be pasted there. To get the address of a website, while at the homepage, press your "goto" button, then your "Show current" button. The address of the site will be in the window, just repeat the steps above to paste the address where you want.

  If you want to hightlight the whole page you have to put your cusor somewhere on the page to be copied, and press your CMD-KEY + your A-KEY. The whole page should be highlighted now, Press your CMD-KEY + your C-KEY to copy it. Now go to where you want it pasted and press your CMD-KEY + V-KEY and it will be pasted there.

  Now let's just copy a portion of the whole page.
  Press your FIND key, or your CMD-KEY and your F key. Type in 2 or 3 words in the page where you would like to begin copying in the pop up window. They should now be hightlighted. Hold down your shift key and then use your arrow key's to move the highlighted text, you can use the down arrow to make it move down quicker. Stop when you have highlighted as much of the text as you want copied. Then press your CMD-Key + C-KEY to copy it. Now go to where you want to put it and press your CMD-KEY + V-Key to paste it.

This method works well with email, taking out the addresses before sending it to someone else. Wherever the cursor is you can copy.

  Here's a box for you to practice on. Just place you cursor in the box, make sure your cursor is blinking, and press your CMD key and your "C" key to coy the contents.

  Now place your cursor in the box below and press your CMD key and your "V" key to "Paste" what you just copied.

  Ok, not that hard was it? That is the methof you wil use on my boxes ot move the codes to your sig box. Or moving codes from a premade sig site to your sig box.

Now lets see if you can use your find key and copy some text. Try and copy the paragraph below and paste it in the box at the bottom of this lesson. Remeber to press your find button, type in the fisrt couple of words that start the paragraph. Then use your "shift" key and your "arrow" keys and move the highlighted area of the entire paragraph. Then past it using your CMD key and you "V" key to paste it to the box at the bottom of this lesson. This is to show you how your can move around without losing your info stored in your unit.

  Four score and seven years ago our father brought forth on this continent a new nation. Concieved in liberty and dedicated to the proposition that all men are created equal.

  Ok, that wasn't that hard either was it? That is the way to remove the message from your email, so you can send it without all those addresses attatched like it is when you forward a letter.

  If the letter is from a webtv user though, and that person has an image above the header, or above the text, then you won't be able to copy it. You will have to "Bounce" the message to ccp it. Look on my "Bouncing" page to learn how to do that.

SMALLIFYING


or "Quoted text"
  You will see this in posts or some email where what a person wrote or posted is on top in small letter's of what the other persons answer.
  First use the method above to copy the text you want to smallify. Then paste it in the email reply, or mail, or post.

  Once that is done put a ">" in front of the word in the first line >like this. Then press your CMD-KEY and your right arrow key -€, this should move the cursor to the end of the first line, now hit the return key, the cursor should move the start of the next line, repeat this until the whole messege to be smallifyed is done.

  If you run into a blank line after hitting the return key, don't worry about it. Just move on to the next line, and start again. You can use 2 >> to indent farther. You will not see the effect until after you mail it or post it. So practice by emailing yourself until your confident you can do it at anytime. End of Lesson.


Back to top

  Here are some words and there meanings you might run into:

HTML: Hyper Text Markup Language

WWW.: World Wide Web

URL: Uniform Resource Locator, or simply put, A web address. Some use it in there codes like URLofimage-"address of image", Or URLofsong-"address of song".

FTP: File Transfer Protocal, Used in transloading.

GIf: Graphic Interchange Format, Or just a graphic, usually gif's are animated, or moving, but can be standing still.

JPEG: Joint Photograhic Expert Group, named after the people that came up with it. Simply put, another graphic, usually not animated, also short for jpg.

Midi: Musical Instrument Digital interface, or organ music to must of us.

RAM: Real Audio Metalfile, or Real Audio Music, Not meant for email until the upgrade, at least that's what I've been told.

BTW: Stand for By The Way.

FYI: Stands for For Your Information.

LOL: Stand for Laugh Out Loud

NG: Stand for News Group, or discussion group as we like to put it.

These are just a few of the addreviations you will run into. Try Here, For most of them you will run accross.

If you wish to print this out, or use the old cut, copy and paste boxes Click Here. This is just to show you the beginning of how to spruce up your emial. If you think your ready to learn some more click here.



arrow left    arrow right





If one life has breathed easier
because you have lived...
Your life has been a success.

-Ralph Waldo Emerson-

Questions? Click here.

Please Sign My Guestbook
guestbook guestbook







This page ©: copyrighted by "TheKid" 2001,
all rights reserved