HTML and JavaScript - Juniata College

HTML and JavaScript - Juniata College

HTML and JavaScript How to: Open and Close Tags HTML Program - Bold - now use Italic - now use Head - Body - Paragraph -

Combining tags: Text Single Tags

Horizontal Reference or Rule

line break, like a carriage return

like break but puts a blank line in An HTML Page This is my HTML Page This is an HTML PAGE

I can do italic or bold

I can do both Hyper Links But you would probably want to associate the link

with a certain phrase or image, i.e., home OR Click here for information on Juniata College 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." 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.

E-mail Links Click here to email me Tables: Brady Family Table (HTML Goodies)

The Bradys
Marcia Carol Greg
Jan Alice Peter
Cindy Mike Bobby
Table Tags (from HTML Goodies)

starts and ends the entire thing. I think that makes perfect sense. This is a table after all. 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? . See how I have 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

ends the whole deal. MORE

The Bradys
Agnes Wilma George
Gwen Skippy Alvin
Harry Melvin Joe
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. 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=Frameset Defines a comment3.03.0STF

Defines the document type STF Defines an anchor3.03.0STF From HTML Goodies:

Defines the body element3.03.0STF
Inserts a single line break3.03.0STF