Basic HTML template: Header Name Title of page whatever you want to put here. Links, pictures, etc goes here. Basic HTML commands:

Main Header

This command puts whatever text you have in between it in larger letters than the rest of you text.

Second Header

This command puts whatever text you have in between it in letters larger than normal text but smaller than header1. words You get the idea, the more numbers you use the smaller your header text gets, but its still larger than regular text.

Words, pics, etc

This just tells the browser (IE, netscape, etc) to start a new paragraph. The following commands allow you to create lists.

list items This command makes lists with bullets

list items This command makes numbered (ordered) lists

list items This command is used for definitions. I wouldn't use this one cause it kinda sucks. The following commands format the text of your document

whatever you want to type

This command preformats your text. Browsers normally ignore any extra spaces or lines in text. This command Tells the browser to print it exactly as typed.

your quote here

This command indents quotes.
Use this command at the end of a line of text to create a new line without haveing to start a new paragraph. Notice that this command does not have a closing (no
).

This command creates a horizontal divider bar across the screen. Again notice no closer. You can edit the size and width of it by adding the following:

where the size determines how 'thick' the line it prints is, and the width determines how far across the screen it goes. bolds text Italicizes text uses typwriter text. e.g. fixed-width font Under normal circumstances >,<, and & are not exceptable forms of text in an html document because they have different meanings to browsers. The following are the escape sequences for these characters. This means that if you type the following commands, you will be able to use these characters in ordinary text: < escape sequence for < > escape sequence for > & escape sequence for & These commands might also be helpfull: &*uml; Prints * (where * is a letter) with an umlaut (two dots above the letter. &*tilde; Prints * (where * is a letter) with a tilde (~) over it &*grave; Prints * (where * is a letter) with an accent (`) over it To create Links to different pages in your directory, or to create links to other pages: Pages in your directory: To link to another HTML document that is in your directory type the following replacing filename with the name of your file with the extension html text that you will click to go here example: click here to go to my next page If the file is on your server but not in the same directory tell the browser to change directories by using the command /newdirectory/filename where you would put the filename. This assumes that newdirectory is in your server directoy. example: click here to go to ... To link to a page not in your directory (someone elses homepage, not yours) use the same command but instead of using filename, use the URL example: click to go to this webpage Notice that you must put the URL in quotation marks. To make a link for someone to send you email use the same command except where you would put filename or URL put "mailto:your@email.account" example: click to send email To insert a picture into your page use the following command: Again, there is no closing and imagename would be the filename and extension of the picture you want to include. example: You can edit the size of the picture by including the commands height=* and width=* into the img command. example: You will have to use trial and error to find the size that works best You can also add a text identifier to your pictures. This allows people without picture capable browsers to know what the picture is supposed to look like. example: When you run your mouse over the picture, the words "this is a picture of a brain" would appear. To use a picture as a link, all you have to do is replace the link text with the image command. example: This will diplay the picture hotmailpic.gif and if you click on it you will be taken to http://www.hotmail.com You can change the size of an image border by using the command: where * is a number that equals the desired border size You can change the colors of your webpage by inserting additional statements into the statement. example: where bgcolor is the background color, text is the text color, link is the color of your links, and vlink is the color of links already visited. Browsers have a color range from 000000 to ffffff. you can find a color chart online so that you can choose your colors. 000000 is black and FFFFFF is white (I think. It might be the other way around) You can also add a background picture to your page by including the command background="picturename.ext" in the statement, where picturename is the name of the picture and ext is the file extension. example: This is all i know about HTML anything else is either more complex than i wish to go, or starts into JAVA scripting. Use this file to the best of your ability and if you need help, email me at J-deters@hotmail.com or c746502@showme.missouri.edu, or call me at 573-771-3517