Javscript/HTML #1

**ChaosDealer73** · 06-03-2005, 10:58 AM

Well, we all want to learn about javascript and HTML don't we? Well here is a small guide to get you started.

First off, the easiest program to use to create pages would most likely be Word Pad. So open that up.
To start us off, we want to tell the program that it is using HTML so type in:

Code:

&#60;HTML&#62;

The "<" and ">" are signifying the start of a command or operation. This is also true if you use forums, except the < and >'s are replaced with [ and ]'s.
Next, the title of the page, or what is displayed on the top of the window. Can you guess how we start this off?

Code:

&#60;title&#62;

Now, type in what you want it to say, and end it with this:

Code:

&#60;/title&#62;

The "/" is like a way of saying STOP to the operation it was following before. Once again, this is true to forums. Here is an example of what we have so far, or what I have right now:

Code:

&#60;HTML&#62;
&#60;title&#62;Introduction To Javascript&#60;/title&#62;

Side Note: You don't actually need all of the enters, and different lines, it can all be typed out in one line, but this makes it much easier.
Now we want the head codes, or the Header of our document. By now, you should have figured out how we start this off:

Code:

&#60;head&#62;

This is going to be the fun part for now, we want to tell the program to do a function, and as with all of the operations we have done before, we are going to want it start of with the < and end with a >. We are going to make the title scroll across the page.

Code:

&#60;head&#62;&#60;marquee&#62;Wee, I am learning Javascript&#60;/marquee&#62;&#60;/head&#62;

End the marquee function, and the head function as shown above.
Now comes the more complicated part, the REAL javascript. We have to tell the explorer what language we are going to be using, which will be javascript. This is an example of what we have so far, as well as the javascript begin.

Code:

&#60;HTML&#62;
&#60;title&#62;Intrduction To Javascript&#60;/title&#62;
&#60;head&#62;&#60;marquee&#62;Wee, I am learning Javascipt&#60;/marquee&#62;&#60;/head&#62;
&#60;script language=&#34;Javascript&#34;&#62;

Side Note: You can change the text that it says if you want, I am just using these for the tutorials.
We are going to learn one of the most basic things you can learn with javascript, alerts. Since we are in Javascript now since we started the javascript function, not everything we do will require the < and >'s. To start off, lets type in alert.

Code:

alert

That one word alone is not going to do anything, so we have to tell it to say something. We start this off with an open parentheses, "(", and Quotation marks. When in javascript, all text that will be displayed will have to be in quotes. Otherwise, the explorer will try to use it as a command. After you type in what you want, and end it with quotations, we have to end the parenthesis with a close parentheses, ")". And to finish off the line, end it with a semi-colon. The semi-colon is saying "Hey, we are finished with this line, move onto the next one!". So far we have this:

Code:

&#60;HTML&#62;
&#60;title&#62;Intrduction To Javascript&#60;/title&#62;
&#60;head&#62;&#60;marquee&#62;Wee, I am learning Javascipt&#60;/marquee&#62;&#60;/head&#62;
&#60;script language=&#34;Javascript&#34;&#62;
alert&#40;&#34;ChaosDealer73 says&#58; HI&#33;&#34;&#41;;

Side Note: You can add an infinate amount of alerts in there, just add another alert line, with different text in the quotations.
This is about going to wrap it up for the introduction, except, we need to end our script! This goes back to the start of this tutorial, end the script with this:

Code:

&#60;/script&#62;

Now we have to save it, but it has to be saved as an HTML, so save it as: Intro To Javascript.html, and you will have a document, just double click that, and you will see what you have created.
This is what I had at the end, I added a few more alerts in there just for fun.

Code:

&#60;HTML&#62;
&#60;title&#62;Intrduction To Javascript&#60;/title&#62;
&#60;head&#62;&#60;marquee&#62;Wee, I am learning Javascipt&#60;/marquee&#62;&#60;/head&#62;
&#60;script language=&#34;Javascript&#34;&#62;
alert&#40;&#34;ChaosDealer73 says&#58; HI&#33;&#34;&#41;;
alert&#40;&#34;Did you learn any?&#34;&#41;;
alert&#40;&#34;I hope you did&#33;&#34;&#41;;
alert&#40;&#34;We will contine this lesson with part 2&#33;&#34;&#41;;
&#60;/script&#62;

***Dick*** · 06-03-2005, 11:01 AM

heh good tut for REALLY beginners, or total noobz

:lol:

***unit_number_43*** · 06-03-2005, 04:37 PM

good tutorial. Although everyone should be advised that javascript should be used sparringly. Some browsers don't support it at all, and alot of people have it turned off (most without realizing it).

**Illegalx17** · 06-04-2005, 12:50 AM

Yeh. Javascript is cool, but what 43 says is true. Nice job though. Nice for a lot of people.

**Relentless** · 06-09-2005, 04:29 AM

The title can be in the <head> tag...

**esalihm** · 06-09-2005, 07:30 AM

nice tut but no special property at all

» Search Forums

» Online Users: 582

» Site Navigation

» Stats

Thread: Javscript/HTML #1

Thread Tools

Search Thread

Display

Similar Threads

Anyone good with HTML?

Useful HTML Tags

X/HTML, PHP, CSS, WHAT?!?!?

html help

Posting Permissions