HTML Tutorials!

Q: How do I do bold, underline, itallic, and other stuff?

A: Try these.
Itallic: <i>Your Text Here</i>
Underline: <u>Your Text Here</u>
~~Slashed out~~ (Crossed out): <s>Your Text Here </s>
Bold: <strong>Your Text Here </strong>(prefered) or <b>Your Text Here</b>(depreciated)

Q: How do I make make an email address in a webpage?

A: Simply enter: <a href="mailto:paul@jordanautomations.com">Email me!</a>

Q: How do I make make a link to another webpage?

A: The techincal name for a link is anchor. Thus the <a tag is used.
<a href = "http://www.google.com">Google</a> (in the "" put the http://www.google.com or where ever you want them to go)

Q: How do I make the links fade like they do on your site?

A: This makes all the links on the page fade colors when the mouse hovers over them.



<script src= "http://www.jordanautomations.com/javas/JSFX_LinkFader.js" type="text/javascript"></script>


This script is from Javascript-FX.com, which has some pretty neat javascript files. The scripts have a very good coding style, one can learn a lot from reading them. I used a part of his image fading techinques in the navigation bar at my site: JordanAutomations.com

Q: How do I make the background a new color?

A: This is normally black on the yearbook. To change the color to blue:
<body bgcolor="#FF0000"> or <body bgcolor="blue">

You can also change the background to a picture.
<body background="http://www.flamingtext.com/images/backgrounds/Extraterrestrial_body_fluid_tile.jpg"> You need to put in the url of an image file, and not a webpage.

This was answered earlier. Here it is: Q: How can I make a button play background music? A: The exact commands are different for Internet Explorer and Netscape. There is a small JavaScript program that takes care of this for you.
You'll need to have the sound file hosted somewhere. Here's the url for a midi music file.
http://www.frazmtn.com/~punstr/midi/esbfinale.mid
the basic syntax is this:
<script src=http://www.jordanautomations.net/pottersschool/scripts/sound.js><button onclick="playSound('http://www.frazmtn.com/~punstr/midi/esbfinale.mid')"&ft;Star Wars Theme</button&ft;
put the url of the music into the playsound(''), and but the button text between the open buttons and close button tags.
On the PS yearbook, you can do things a bit fancier. You can place these buttons right underneith your picture. Place this text as the VERY first thing in your hobbies section.
</span><div style="position: absolute; left: 130; top: +25;"><button onclick="playSound('http://www.frazmtn.com/~punstr/midi/star2.mid')">Music 1</button&ft;<button onclick="playSound('http://www.frazmtn.com/~punstr/midi/esbfinale.mid')">Music 2</button><SPAN STYLE="position: relative; left: 5"><script src="http://www.jordanautomations.net/pottersschool/scripts/sound.js"> Again, put the URL of the music file in the playSound(), and the text display name in the buton tags. You may need to adjust the "left: 130; top: +25" settings to compensate for the length of the text and the heightth of the pictures.
Try this for background music and buttons:

<div style="position: absolute; left: 170; top: +25;"><button onclick="playSound('http://www.jordanautomations.net/sound/starwars-empire.mid')">Star Wars Theme</button><button onclick="playSound('http://www.jordanautomations.net/sound/chariot.mid')">Chariots of Fire</button></div><script src="http://www.jordanautomations">

<embed src="http://jordanautomations.net/blue/sound/beverlyhillbillys.mid" autostart="true" loop="true"></embed> <noembed><bgsound src="http://jordanautomations.net/blue/sound/beverlyhillbillys.mid"></noembed>

Q: Hey Paul, I have a question, though it isn't related to ybps, it IS related to web design. Alright, it seems as if the View Source command isn't doing its job. I tried both the drop down menu and the right click method, and neither are... well, showing me the source code. Is there some setting that I need to have on or off? Thanks alot. A: Are you using ie 6? I heard there was a bug in that. I've run into it several times. Most of the time the menu one doesn't work, but the rightclick one does. Clearing out the temporary files and restarting the comp can fix it, and is a pain. Here is something that may offer a workaround: http://www.microsoft.com/windows/ie/previous/webaccess/webdevaccess.asp this is a real neat addin to ie. It lets you highlight a certain part of a webpage, and rightclick, and view partial source shows you only that section. great for finding out what someone used to do a certain thing. I suppose if you did select all CONTROL_A first you would get the complete source. -PaulJ www.jordanautomations.com

Q: How did you do all that stuff on April 1ts? A: Here's the script that I put in the yearbook's:

<script>
function pj(){
alert("This isn't a link");
alert("but you thought it was, or else you wouldn't have clicked it.");
alert("Thus I fooled you.");
}

document.write("");
document.write("span style='color:white; background:blue;'>Update Yearbook Entry
")
document.write("Yearbook Held Hostage by the AshleyR";

alert('Hi there!, How are you doing?');
alert('I\'m doing prettty good today.');
alert('How high can you count?');
alert('Let\'s see...');
alert('1');
alert('2');
alert('3');
alert('4');
alert('5');
alert('6');
alert('7');
alert('You thought I\'d say eight didn\'t you?');
alert('Yes you did!!!!');
alert('I fooled you, and you know it.');
alert('It IS April first, you know.');
alert('Let\'s get back to counting.');
alert('I like counting, you know.');
alert('8');
alert('9');
alert('10');
alert('11');
alert('12');
alert('13');
alert('15');
alert('OOPS!!!, skipped something...');
alert('14');
alert('15');
alert('16');
alert('17');
alert('18');
alert('19');
alert('20');
alert('Well, A fifth of the way to 100!');
alert('How\'s that?');
alert('Lets take a break though');
alert('I\'m getting tired.');
alert('Well, bye for now.');

setTimeout("alert('Surprise!');", 10000);
setTimeout("alert('Got you that time for sure!');", 11100);
setTimeout("alert('Happy April Fools Day -PaulJ!');", 12200);
</script>