HTML from:

BASIC HTML

I suggest doing the tutorial first then enhance your knowledge by reviewing HTML commands
Tutorial (estimated time for intermediate users 1 hour)
HTML Commands
HTML Textstyles & Colors
Also check out these links for an up to date reference of Basic HTML:
Click here for the HTML Cheatsheet
Click here for codes to any color you can think of!

Basic HTML: a tutorial:

(1) Go to this site (see graphic and html discription of this page below)

http://www.csubak.edu/~jross/

(2) Choose Source from the View menu

Note: Some times the page will endlessly load--you can tell if this happens by the continued movement in the Netscape icon. You cannot view the source. When this happens first, click the Stop icon in the browser before viewing the html.

(3) Drag, select all the text

(4) Copy the HTML text

Macintosh
To Copy
<Apple/Command key> <C key>
PC Compatibles
To Copy
<Ctrl key> <C key>

(4) Start the text editor of your choice (these can be found using the Find command on both Macs and PCs) and paste your HTML text into the text editor

Macintosh
Text editor: SimpleText
To paste
<Apple/Command key> <V key>
PC Compatibles
Text editor: Notepad
To Paste
<Ctrl key> <C key>

(5)Change the HTML so that all references fit you. Leave out items you don’t want and add any new items. You could also check the next section on HTML commands and experiment with diffirent formats. Save the file with the name:

welcome.htm

(6) View your changes by starting a browser then choosing Open Page from the File menu and open your welcome.htm file

(7) Keep both the editor and the browser open and you can make and changes in the editor then click the browser and clik the reload icon and view your changes

(8) When you are satisfied with your page transfer your file (HTM and graphics) to the web server with an FTP program

Jim's Home Page Jim Ross' homepage

HTML on Jim's Home Page ( To see an annotated version click here)

HTML copied from: http://www.csubak.edu/~jross/

HTML Commands--Only the Basics

BASIC HTML--Formats for your Home Page
The following HTML (HyperText Markup Language) commands work for most newer browsers. For most of these commands the format command is placed before the item to be formatted and the item formatted is followed with an end of format command (the format command with a slash “/” in front). For example to bold my name:

Jim Ross HTML Commands and Functions
1. document structure

<HTML>

</HTML>

<Title> your title </Title>
This is important, it will appear in the window heading, above the menu bar, of a browser and will be the name saved as a bookmark in browsers. It will not appear on the page itself.

<Body> file </Body>
Can be used to define a color or graphic background, see Enhancing your home page, page 7. </Body> goes at the end of your file just before </html>

<Head>text </Head>
Text that will appear at the top of your page

2. Font style and Formatting

text 
Acts pretty much the same as the bold comand

text 
Italicizes text

text 
Underscores text

text 
pretty much the same as bold

3. Paragraph and line formatting

<Center>

</Center>

<BLOCKQUOTE>text </BLOCKQUOTE>
Places text in an indented block format

  forces a return and starts a new line. This format does not have to be repeated with a slash “/”at the end.

 Paragraph command, forces a return, a line feed and starts a new line. This format does not have to be repeated with a slash “/”at the end.

<PRE>text </PRE>
Keeps the text as formatted with spaces, the browser will not automatically wrap at the end of a line. Useful for a format you cannot quickly duplicate with HTML commands

<HR> Places a horizontal rule, a separator line on your page. This format does not have to be repeated with a slash “/”at the end.

<H1> text </H1>
Defines the heading text level or size for a line or lines, there are six levels H1 (the largest) to H6 (the smallest)
<! An exclamation mark placed after the left arrow bracket turns the following into a comment

4. Lists

<OL>

</OL>

<LI> an item in a list. This format does not have to be repeated with a slash “/”at the end.

<UL> lines of an unordred list</UL>

<DL> lines of items for a dictionary/glossary</DL>
creates a list formatted as hanging paragraphs--like a dictionary. Each item has the following in front:

<DT>

<DD>

5. Links to bring in graphics and to go to homepages and specific page positions

<img Src="filename" >

Change the size your graphic will appear by adding:

The XXX are number of pixels. Experiment, I'm noot sure about the size. The final command would look something like this:

Align text with your graphic top, middle or bottom

Align your graphic left, center or right
You can place the image on the left, center or right using the placement commend before and after the graphic anchor

Links to a web page
<A HREF= "a home page URL" > a name</A>
Links, “anchors” to another hompage.

Links to a target within a web page
<a HREF="#1.1">locationname</a>
Links to a location "#1" withen an HTML document specified.

Let a web user mail you a message
<A HREF="mailto:jross@csubak.edu">Jim Ross</A>
Lets the browser mail a message to you (use your name and e-mail address-not mine)

Click here for a summary of HTML commands by type