1. HTML and JavaScript How to:

2. Open and Close Tags HTML Program - Bold - now use Italic - now use Head - Body - Paragraph - Combining tags: Text

3. Single Tags Horizontal Reference or Rule line break, like a carriage return like break but puts a blank line in

4. An HTML Page This is my HTML Page This is an HTML PAGE I can do italic or bold I can do both

5. Hyper Links www.juniata.edu But you would probably want to associate the link with a certain phrase or image, i.e., OR Click here for information on Juniata College http://www.juniata.edu

6. Here's What's Happening  A stands for Anchor. It starts the link to another page.  HREF stands for Hypertext REFerence. That's a way of saying to the browser, "This is where the link is going to go."  http://www.juniata.edu is the FULL ADDRESS of the link. Note that the address has an equal sign in front of it and is enclosed in quotes. The reason is because it's an attribute of the Anchor tag, a command inside of a command.  Where it reads "Click Here for information on Juniata College" is where you write the text you want to appear on the page. What is in that space will appear on the page for the viewer to click. So, write something that denotes the link.  /A ends the link command.

7. E-mail Links  Click here to email me mailto:burkhardt@juniata.edu

8. Tables: Brady Family Table (HTML Goodies)  The Bradys Marcia Carol Greg Jan Alice Peter Cindy Mike Bobby

9. Table Tags (from HTML Goodies)  starts and ends the entire thing. I think that makes perfect sense. This is a table after all.  and places a caption over your table. The caption will be bolded and centered.  is used when you want a new Table Row to begin. Notice that you need to end every table row with an. See that above?  denotes Table Data. You put this in front of every piece of information you want in a cell. You need to end every one that you open with an. See how I have that above?  ends the whole deal.

10. MORE… The Bradys Agnes Wilma George Gwen Skippy Alvin Harry Melvin Joe

11. Explanation:  BORDER tells the table how large the border should be. This is all relative in terms of pixels. Three is larger than two and two is larger than one, etc. Try different numbers. I happen to like the look of BORDER=3. BORDER=0 gets rid of the borders altogether.  CELLSPACING (all one word) gives the amount of space between cells. I'd keep this kind of small. Large spacing tends to defeat the purpose.  CELLPADDING (all one word) gives the amount of space (or padding) between the cell border and the cell contents. Note the cell border walls tend to fill out. A higher number fills out more. Try a few different settings. Sometimes bigger is better.

12. HTML Tags from HTML Goodies  Ordered Alphabetically  NN: indicates the earliest version of Netscape that supports the tag  IE: indicates the earliest version of Internet Explorer that supports the tag  DTD: indicates in which XHTML 1.0 DTD the tag is allowed. S=Strict, T=Transitional, and F=FramesetXHTML 1.0 DTD  Defines a comment3.03.0STF  Defines the document type STF  Defines an anchor3.03.0STF

13. From HTML Goodies:  Defines the body element3.03.0STF  Inserts a single line break3.03.0STF  Defines a push button6.24.0STF Defines a table caption3.03.0STF  Deprecated. Defines centered text3.03.0TF  Deprecated. Defines text font, size, and color3.03.0TF  Defines a form 3.03.0STF  to Defines header 1 to header 63.03.0STF to  Defines information about the document3.03.0STF  Defines a horizontal rule3.03.0STF  Defines an html document3.03.0STF  Defines italic text3.03.0STF  Defines an image3.03.0STF

14.  Defines a list item3.03.0STF  Defines a resource reference 4.03.0STF  Defines an image map 3.03.0STF  Deprecated. Defines a menu list3.03.0TF  Defines meta information3.03.0STF  Defines an ordered list 3.03.0STF  Defines a table3.03.0STF  Defines a table body 4.0STF  Defines a table cell3.03.0STF

15.  Defines a text area3.03.0STF  Defines a table footer 4.0STF  Defines a table header3.03.0STF  Defines a table header 4.0STF  Defines the document title3.03.0STF  Defines a table row3.03.0STF  Defines teletype text3.03.0STF  Deprecated. Defines underlined text3.03.0TF  Defines an unordered list3.03.0STF  Defines a variable3.03.0STF

16. JavaScript document.write (“ This is red ”) The word “document” is known as an “object” while the term write that follows it is known as the object’s “method” and the text inside the parentheses is called the method’s “instances”, i.e., what will be done when the method is acted upon.

17. Script Libraries  http://javascript.internet.com http://javascript.internet.com  http://hotscripts.com http://hotscripts.com