Basic HTML
Hello World
Organizing Text
Formatting Text
Hyperlinks


Advanced HTML
Images
Tables
Input Boxes
Fun Stuff
Publishing


Resources
Funky Chicken HTML
HTML Help Central
Web Monkey
Annabella's HTML
Fun Stuff
        Here are some fun things you can add to your webpage. Copy the HTML/script that is below and replace the bold text. NOTE: For all example HTML, you have to be really careful not to delete any of the ' or " or )s. Also, in all the text parts, you can't have stuff like apostrophes, parentheses, or anything that might mess up the code. Enjoy!
Option Buttons with Pop-Ups

Do you like my project?
Yes.No.

<form>OPTION1<input type="radio"onClick="alert('RESPONSE')">OPTION2<input type="radio"onClick="alert('RESPONSE')">
Background Changer
*Only works in some browsers*

Click here to see the background changer in action!

<form name="BackgroundColor" method="post"><input type="button" OnClick="document.bgColor='COLOR1';" value="TEXT HERE"><input type="button" OnClick="document.bgColor='COLOR2';" value="TEXT HERE"></form>

If you want to add more buttons, repeat "<input type="button" OnClick="document.bgColor='COLOR1';" value="TEXT HERE">" over and over! Be aware that this does not work when you have a picture (or texture) as a background.
Flashy Background Changer
*Only works in some browsers*

Click here to see the flash!

<a href="" onmouseover="
document.bgColor='COLOR1';
document.bgColor='COLOR2';
document.bgColor='COLOR3';
document.bgColor='COLOR4';
document.bgColor='COLOR5';
document.bgColor='COLOR6'
">put your mouse here</a>

If you want to add more colors, repeat "document.bgColor='COLOR1';" over and over! You can also do just one color, and all the visitor has to do is put their mouse over it and it will change the background. Be aware that this does not work when you have a picture (or texture) as a background.

Basic Javascript
        Here are some MORE cool things you can add to your webpage. These codes were made with javascript and some get really long and confusing, so I have put some in text boxes (just scroll over). Remember to not to delete any ' or " or )s!
Entering Pop-Up

Click here to view this pop-up.

<SCRIPT language="JavaScript">alert("TEXT")</SCRIPT>
Leaving Pop-Up

Click here to view this pop-up.

<BODY onUnload="alert('TEXT HERE');">

Put this as an attribute inside the <body> tag.
Entering and Leaving Pop-Up

Click here to view this pop-up.

<BODY onLoad="alert('ENTER TEXT');"onUnload="alert('LEAVING TEXT');">

Put this as an attribute inside the <body> tag.
No Right-Clicking
*Only works in some browsers*

Click here to view this pop-up.

<script language="JavaScript">function click() {if (event.button==2) {alert('TEXT HERE')}}document.onmousedown=click</script>

This is especially helpful if you don't want other people to look at and steal your HTML code. Remember to not take away any spaces, parentheses, etc!

Back To Top
©2005 Heather Hoaglund-Biron
About Me
Hosted by www.Geocities.ws

1