Home
Intro
Copy and Paste Tutorial
HTML Lesson One
HTML Lesson Two
HTML Lesson Three
My Links
Coming Soon

HTML Lesson Four

Well here we go with our final lesson. This lesson will be jam packed full of goodies!! It will have some different codes for your E-mail, plus some for webpages. I hope you have enjoyed this HTML journey so far, because it can only get better!!

How to make "Gifs" transparent

The following is a code you would use to make a "gif" transparent. This code will make the "gif" blend in better with your background, here is the code,

<<>img src="url of image" transparency="50%"<>>

Now where it says "50%", you can chnge this to any percentage from 10% to 100%. The decision all up to you. Play around with the numbers until you have the effect you want.

Drop Down Menu's

There are alot of peolpe that like to have "drop down menu's" in their E-mail's and webpages. I am going to show you the codes for both of these. The first code is for the E-mail "drop down menu", I am going to put these codes in text boxes for you, becase they are rather long. Just copy the codes out of the boxes,
<center> <form method="post" action="http://www.cgi-free.com/menu.cgi"> <select name="URLLink" text="#aa0000" width="260"> <option> Click To Choose Next Page <option value="http://Your URL Here"> Your Link Name Here <option value="http://Your URL Here"> Your Link Name Here <option value="http://Your URL Here"> Your Link Name Here <option value="http://Your URL Here"> Your Link Name Here <option value="http://Your URL Here"> Your Link Name Here <option value="http://Your URL Here"> Your Link Name Here </select> <br><br> <input type="submit" value="Go There" text="000066"> </form> </center>
The next one is the code for the webpage "drop down menu",
<center> <form> <select name="list" onclick="if(options[selectedIndex].value) window.location.href=(options[selectedIndex].value)" text="#aa0000" width="300"> <option> Click Here To Choose Next Page <option value="http://Your URL Here"> Your Link Name Here <option value="http://Your URL Here"> Your Link Name Here <option value="http://Your URL Here"> Your Link Name Here <option value="http://Your URL Here"> Your Link Name Here <option value="http://Your URL Here"> Your Link Name Here <option value="http://Your URL Here"> Your Link Name Here </select> </form> </center>

Scrolling Menu Boxes

The next code I am going to show you is how to get a "scrolling menu box for your E-mail and webpage. Once again the code is rather long so I am going to put it into a text box, just copy it out of there. This is the code for the E-mail "scrolling menu box,
<center> <table bgcolor="#000055" border="3" cellpadding="2" cellspacing="2"> <tr><td align="center"> <font size="3" color="#ffffff"> <blackface>Site Menu</Blackface> </font> </td></tr> <tr><td align="center"> <form method="post" action="http://www.cgi-free.com/menu.cgi"> <select name="URLLink" bgcolor="#ffffff" text="#000000" width="165" size="5"> <option value="http:link addy here"> Link Name <option value="http://link addy here"> Link Name <option value="http://link addy here"> Link Name <option value="http://link addy here"> Link Name <option value="http://link addy here"> Link Name <option value="http://link addy here"> Link Name <option value="http://link addy here"> Link Name <option value="http://link addy here"> Link Name <option value="http://link addy here"> LInk Name </select> </td></tr> <tr><td align="center"> <input type="submit" value="Go There" text="cc0000"> </form></td></tr></table> </center>
And here is the code for the webpage "scrolling text box,
<center> <table bgcolor="#000055" border="3" cellpadding="2" cellspacing="2"> <tr><td align="center"> <font size="3" color="#ffffff"> <blackface>Site Menu</Blackface> </font> </td></tr> <tr><td align="center"> <form> <select name="list" bgcolor="#ffffff" text="#000000" width="165" size="5"> <option value="http://Your URL Here"> Link Name <option value="http://Your URL Here"> Page 1 Name <option value="http://Your URL Here"> Page 2 Name <option value="http://Your URL Here"> Page 3 Name <option value="http://Your URL Here"> Page 4 Name <option value="http://Your URL Here"> Page 5 Name <option value="http://Your URL Here"> Page 6 Name <option value="http://Your URL Here"> Page 7 Name <option value="http://Your URL Here"> Page 8 Name </select> </td></tr> <tr><td align="center"> <input type=button value="Go There" onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value" text="cc0000"> </form></td></tr></table> </center>

Check your Modem Speed

Want a button that will check your Modem Speed like this one,

Here is the code
 <script language="javascript">  </script>  <center> <form> <font size="4" color="#22ee22" effect="emboss"><b> <input type="submit" value="Connection" onfocus="this.value='Modem Speed'; status='CHECK YOUR MODEM SPEED'" onblur="this.value='Connection'; status=document.title" onClick="Speed()" borderimage="file://rom/borders/buttonborder6.bif" width="200" usestyle></B></font></form> </center>

Text box

Want to know the code of how to make a text box like the ones I have been using? Well here is the code to make your very own "text box",

Well how did you like those little goodies?? Well that is all the HTML help I can give at this time. Like I said on the intro page, this site will grow with time, and with the more I learn. Whenever I learn something new, I am going to share it with all of you. After this please check out my links page. There are so many things there to explore. As always have fun!! If there are any questions E-mail me!!