School Of HTML

Lets Learn A Few Simple HTML Codes !

***IMPORTANT***
Please Read Carefully..:+)
Please Remember When Combining Codes
To Achieve The Look And Sound You Want.
Only One Set Of HTML Tags Are Needed
Per Total Code. <html> At The Top Of Your Code
And </html> At The End Of Your Code.
Put Your Images, Text And Sound Codes In Between
These Two HTML Tags.

On To The Lessons !!

Lesson # 1:
Text Size And Color:
To Size And Color Your Text
(note: This Is Not The Only Way To Do This. )
Try This Sample:
(note: make sure you add the text !
the sample text is "This Is To Easy !".
<html>

This Is To Easy !

</html>
You Can Use This With Different
Lines Of Text, In The Same E-mail Or Page.
The Results Will Be Different
Font Sizes and Colors With Every Line Of Text.
Try This Sample:
<html>

This Is To Easy !


I Can't Believe It !!


It's Working For Me !!

</html>
You Can Replace The Font Numbers
With -2, -1, +0, +1 up to +7

There Are Many Colors To Try.
For A Few Samples.
Click On The Charts Below.

WtvJunky's Color Chart
RGB Color Chart
Lesson # 2:
Bold, Italic, Underline, Typewriter Text:
These Are The Tags For Bold: and 
These Are The Tags For Italics: and 
These Are The Tags For Underline: and 
These Are The Tags For Typewritter: <tt> and </tt>
Try This Sample:
(note: You Can Use These Tags Together
Or By Themselves, I Will Use Them Together.)
<html>




<tt>
Are You Sure It's This Easy ? 


</tt>

</html>
Lesson # 3:
Background Colors:
These Are The Tags For Adding
Color To You Background.
Behind Your Text, Gifs And Pics.

<body bgcolor="Any Color"> and </body>
Lets Put It Into Our Sample:
<html>
<body bgcolor="white">



I'm Amazed ! I Can Do This ! It's Easy !



</body>
</html>
Shall We Go On ?
Of Course We Should !
Lesson # 4:
Line Breaks:
Their Are Two Types Of Line Breaks.
One Is To Break The Text To The Next Line.
The Other Is To Add a Blank Line Between Things.
(note: These Are Single Tags, There Is No
Closing Tag (</?>) Needed.
This Is The Tag For A Text Line Break: 
This Is The Tag For A Blank Line Break: 
Lets Try This In Our Sample:
<html>
<body bgcolor="white">



I'm Amazed !
 
I Can Do This !
 
It's Easy !

I Am The Best !!



</body>
</html>
Lesson #5:
Adding An Image:
Here Is The Tag For Adding An Image
<img src="http:// The Image URL Here ">
Lets Put This Into Our Sample:
<html>
<body bgcolor="white">



I'm Amazed !
 
I Can Do This !
 
It's Easy !




<img src=
"https://members.tripod.com/~gifs123/webtv2.gif">
</body>
</html>
If You Would Like To
Re-size Your Image. Add The
Height, Width and Border Codes
To The This Lesson.

Replace The Image Code Above With This Code.
All That I Added Was The Height, Width And Border.
<img src=
"https://members.tripod.com/~gifs123/webtv2.gif"
height=75 width=100 border=0>

You Can Play With The Numbers
To Get Your Desired Image Size.
The Border Is A Box In Which
The Image Sits In. The Larger
The Border Number, The Deeper The Box.
Lesson #6:
Alignment:
Here Are The Tags To Center Align:
<center> and </center>

* Note: the align="right" tag and align="left" tag
are placed within the image address, after the last
quote mark at the end of the image address.
**The center tags are place on either side
of an image or text to center it.
Lets Put This Into Our Sample:
<html>
<body bgcolor="white">
<center>



I'm Amazed !
 
I Can Do This !
 
It's Easy !




</center>
<img src= "https://members.tripod.com/~gifs123/webtv2.gif"
align="right">
</body>
</html>
Lesson #7:
Sound:
There are Two Ways To Put
Background Sound On Your E-Mails Or Pages.
With Either Of These Codes
The Music Will Start To Play Automatically.
Here Are The Samples:
<html>
<bgsound src=
"https://members.tripod.com/~webtv12/behappy.mid">
</html>
<html>
<embed src=
"https://members.tripod.com/~webtv12/behappy.mid"
autostart="true">
</html>
To Have Your Sound Play Over And Over
You Can "loop" The Sound By Adding
loop="infinate" To Either Of These Codes.
A Samples Of Looping A Sound:
<html>
<bgsound src=
"https://members.tripod.com/~webtv12/behappy.mid" loop="infinite">
</html>
<html>
<embed src=
"https://members.tripod.com/~webtv12/behappy.mid"
autostart="true" loop="infinite">
</html>
Lesson #8:
Gif Or Jpg Background:
***NOTE: Do Not Use Backgrounds On Guestbooks***

If You Would Like To Add A
Background Pattern.

To Put A Background In
Use These Tags.
<body background=
"http://Your Background URL Here">
Close With This Tag </body>
Right Before </html>.

Sample Of A Starfield Background
With Text And An Image.
<html>
<body background=
"https://members.tripod.com/~mintcar/starb.gif">

Nice Stars !
They Look Good With
The Webtv Logo 

<img src= "https://members.tripod.com/~gifs123/webtv2.gif">
</body>
</html>
Lesson #9:
Scrolling Text:
To Make Your Text Scroll
Across The Screen.
Use These Tags.
<marquee> and </marquee>
Lets Use Them In This Sample:
<html>

<marquee>
This Is So Cool !
</marquee>

</html>
Lesson #10:
An Image As A Clickable Link:
To Make An Image A Clickable Link,
You Must Use This Code Before
Your Image:
<a href="http://The Address You Wish To Link To">
Try This Sample:
<html>
<a href=
"http://www.webtv.net ">
<img src=
"https://members.tripod.com/~gifs123/webtv2.gif">
</a>
</html>
Lesson #11:
Text As A Clickable Link:
To Make Text A Clickable Link,
You Must Use This Code Before
Your Text:
<a href="http://The Address You Wish To Link To">
Try This Sample:
<html>

<a href=
"http://www.webtv.net ">Webtv
</a>

</html>
If In An E-mail.
Your Font Color Will Be
Determined By Your Browser.
Lesson #12:
Text As A Clickable Sound Link:
To Make Text A Clickable Sound Link,
You Must Use This Code Before
Your Text:
<a href="http://The Address Of Your Sound File To">
Try This Sample:
<html>

<a href=
"https://members.tripod.com/~webtv12/behappy.mid">
Don't Worry Be Happy
</a>

</html>
Again, If In An E-mail.
Your Font Color Will Be
Determined By Your Browser.
Lesson #13 :
An Image A Clickable Sound Link

Try This Sample:
<html>
<a href=
"https://members.tripod.com/~webtv12/behappy.mid">
<img src=
"https://members.tripod.com/~gifs123/waveplay. gif">
</a>
</html>
Lesson #14 :
Lets Put It All Together !

This Is A Sample Code With A Background,
Text, A Clickable Image And Sound.

<html>
<body background=
"https://members.tripod.com/~mintcar/starb.gif">
<bgsound src=
"https://members.tripod.com/~webtv12/behappy.mid">

<center>
I'm Amazed !
 
I Can Do This !
 
I See The Background !
 
I Hear The Sound !


<a href=
"http://www.webtv.net">
<img src=
"https://members.tripod.com/~gifs123/webtv2.gif">
</a>
</center>
</body>
</html>

Good Luck!