Untitled Document

Tag information

When you make your tags, make sure they are all SMALL letters. As per new rules for w3c
Watch out for improperly nested tags. This will have to be fixed

Macintosh will not show a page with tag errors
Close ALL tags (many older html editors don't bother)

Orphan tags that don't have an ending need to be ended now, also, check out the space before the slash

an orphan tag is one that is not nesting any content (any content is inside the tag - not between the opening and closing tags)

examples:

New tags !

<div></div> for IE and Netscape 6
<layer></layer> for Netscape 4 (the div tags work for NS4, also)

These <div> tags allow you to place your content anywhere on the page you want to
<div top="55px" left="55px">my content</div> -- top means rows down from the top, left means rows over from the left
Also, to place some items on top of each other -- hiding what is under. You use the z-index for that.
You can set the layer's width and height, also. We'll see examples later.

Lots of information on layers and divs LATER - I will neglect to include both names when I am explaining them - just assume I mean both. (This link is just for the brave, right now)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

<HTML>
<HEAD>

This tag allows your html pages to be rendered using various standards (there are different options)

Information for dtds
<style type="text/css"> ...
...
</style>

Called Cascading Style Sheets, this tag allows you to display your html with various styles.

Information for CSS
<script language = "JavaScript" type="text/JavaScript">
...
</script>
<noscript>
<body>
...
</noscript>

And, of course, javascript - what you're here for.

Information for javascript

Special Character escapes
Don't Use	Use this insted
CDATA	escapes (larger list) out various needed ascii See Unicode escapes also
%20	blank space in your link
<	<
>	>
&	&
'	'
"	"
©	©
®	®
empty space

If you want to tell the browser to tab, or new line etc. use a backslash in from of one of the escape codes
\b	tells the browser to backspace
\f	form feed
\n	new line
\r	carriage return
\t	tab
\\	backslash - just print a backslash
\'	print a single quote
\"	print a double quote

Linking in html

Additional HTML references

targets, escapes out an HTML link
<a href="nextpage.htm#mytarget" >my target</a>
used with <a name="mytarget">Targets</a>

absolute

"http://www.w3c.org"
"http://www.mysite.com/images/pict1.gif"

1. Good for reusing your browser's memory - doesn't have to reload for each page
2. Can re-use this navigation for many pages

relative

start where you are (at your site), now where we move from here

go into a folder	<a href="nextFolder/mypage.htm"> my page </a>
back up out of a folder, then go into a page	<a href="../mypage.htm"> my page </a>
back up out of two folders, then go into a page	<a href="../../mypage.htm"> my page </a>
back up out of a folder, then go into another folder, now get a page in there	<a href="../nextFolder/mypage.htm"> my page </a>
back up out of two folders, then go into another folder, now get a page in there	<a href="../../nextFolder/mypage.htm"> my page </a>