Tom's HTML Help Section

HTML HELP Section

	Home Page
	Web Design
	HTML Notes
	Computer Notes
	Visit Calgary
	Contact Tom
	Web Links

Below you will find helpful explanations on basic HTML commands and their codes. Remember to always turn off the command with a "/"

It would be to your advantage to print this page out, or bookmark it for future reference.

This is what got me pointed in the right direction, and you know, I still use this for a reference.

Great Web Tutorials can be found at WebMonkey down to earth explanations of various codes! Visit www.tomax7.com for more HTML notes

Basic HTML Rules:

1. HTML = is really TEXT. So you can use NotePad to fix it.
2. HTML = Consists of a HEAD and a BODY - just like a word processor document.
3. <TAG>Area affected by tag</TAG> Remember the Light Switch - turn on, turn off.
4. TAG OPTIONS= come after an equal sign. Put in " quotes" to be ready for XML.
5. Multiple TAGS & SPACES are ignored - so no cheating! Cheat Spacer Code:  
6. There are exceptions like <HR><IMG> that don't have to be "turned off"
(for now, XML will change this, you will have to turn it off - for example: <IMG/>)
7. Use lowercase for everything. It is safer and more widely recognized then CAPITALS.
(I am using capitals for emphasis, but use lower case for your coding please.)

Common Tags: note this is for HTML version 4

Command: Description:

<HTML> Tells browser this is a HTML coded page (not *.doc or *.txt)

<HEAD> Browsers along with Search Engines look for hidden setup coding here

<META> Search engines look for keyword, description and classification coding here

<TITLE> This is what shows up at the top of your browser and search engines listings

<BODY> This tells the browser to start showing the page on screen

  A line break, not a paragraph break. Like a half return, nested below the line..

 This is a paragraph break, a full return, clear space.

<HR> A horizontal line break, but please use with option WIDTH=85%, looks better!

<ALIGN= How to align your paragraph, picture, or tables with LEFT, RIGHT or CENTER, can be used with other command combinations. Example: 

<A HREF or
<A NAME=> How to link to a second page, or within the same page
For example: <a href=page2.html>XYZ page</a>

 Bold your text. Old command was 

 Lean or italicize your text. Old command was emphasis

<PRE> predefined text layout

<UL> UL indents your paragraph (like Blockquote). Used with the <LI> command gives an unordered list with bullets,

<OL TYPE="a"> Gives you an Ordered list. Five common choices "a, A, I, i, 1", or use type="square"

<LI> List command. Used with UL or OL to give bullets, buttons or numbers

 Font command to give color, size, and style. Example: 

<IMG> Here's how to call up a picture/image. Example: <img src="doggiedoo.jpg">

<TABLE> The Table Command, like what you see these commands listed in. border="0" for none.

<CAPTION> This gives a Title, or Footer outside of the table.
<caption align="bottom">This is a Title at the bottom</caption>

<TH> Table Header (automatically bolded and centered on page)

<TR> Table Row - tables think in rows, so you have to tell it how many rows.

<TD> Table Data - tells the table how many "columns" nested between the <tr> and </tr> commands.

<FRAMESET> In place of the <BODY> command, it alerts browsers to make a frame page layout

<FRAME> Now you have to describe each frame - remember to tell which one is the "target"

<NOFRAME> For older browsers which don't understand frame commands, followed by the <BODY> command, they will see this part.

<FORM> Form commands, please note: there is more on this to come.

<Submit> Submit button command

<Reset> Clear or reset command

*So don't forget to off the command with a "</>" backslash or you won't get results!
And remember always to use " " quotation marks after a switch option command.

[ Home Page | Greetings | Web Design | Computer Help | Visit Calgary | Contact Me ]
© COPYRIGHT 2007 T.McLaughlin & Associates

Command:	Description:
<HTML>	Tells browser this is a HTML coded page (not .doc or .txt)
<HEAD>	Browsers along with Search Engines look for hidden setup coding here
<META>	Search engines look for keyword, description and classification coding here
<TITLE>	This is what shows up at the top of your browser and search engines listings
<BODY>	This tells the browser to start showing the page on screen
<BR>	A line break, not a paragraph break. Like a half return, nested below the line..
<P>	This is a paragraph break, a full return, clear space.
<HR>	A horizontal line break, but please use with option WIDTH=85%, looks better!
<ALIGN=	How to align your paragraph, picture, or tables with LEFT, RIGHT or CENTER, can be used with other command combinations. Example: <P Align="right">
<A HREF or <A NAME=>	How to link to a second page, or within the same page For example: <a href=page2.html>XYZ page</a>
<B>	Bold your text. Old command was <strong>
<I>	Lean or italicize your text. Old command was <em> emphasis
<PRE>	predefined text layout
<UL>	UL indents your paragraph (like Blockquote). Used with the <LI> command gives an unordered list with bullets,
<OL TYPE="a">	Gives you an Ordered list. Five common choices "a, A, I, i, 1", or use type="square"
<LI>	List command. Used with UL or OL to give bullets, buttons or numbers
<FONT>	Font command to give color, size, and style. Example: <font face="arial" size="12">
<IMG>	Here's how to call up a picture/image. Example: <img src="doggiedoo.jpg">
<TABLE>	The Table Command, like what you see these commands listed in. border="0" for none.
<CAPTION>	This gives a Title, or Footer outside of the table. <caption align="bottom">This is a Title at the bottom</caption>
<TH>	Table Header (automatically bolded and centered on page)
<TR>	Table Row - tables think in rows, so you have to tell it how many rows.
<TD>	Table Data - tells the table how many "columns" nested between the <tr> and </tr> commands.
<FRAMESET>	In place of the <BODY> command, it alerts browsers to make a frame page layout
<FRAME>	Now you have to describe each frame - remember to tell which one is the "target"
<NOFRAME>	For older browsers which don't understand frame commands, followed by the <BODY> command, they will see this part.
<FORM>	Form commands, please note: there is more on this to come.
<Submit>	Submit button command
<Reset>	Clear or reset command