2.+-+HTML+Web+Design


 * [|Work through this Tutorial - slowly but surely]
 * __http://www.quackit.com/html/codes/html_marquee_code.cfm__ (Moving text, pictures, etc.)
 * www.web-source.net/html_codes_chart.htm The codes for html
 * www.web-source.net/216_color_chart.htm The colour codes for html


 * [|W3 Schools HTML Webpage]



HTML Tags Chart
__To use any of the following HTML tags, simply select the HTML code you'd like and copy and paste it into your web page.__ The contents of your web page || Definition Term Definition Term  ||= Definition Term**Definition of the term**Definition Term**Definition of the term** || Definition Term Definition of the term Definition Term Definition of the term Definition of the term Definition of the term  ||= **Definition Term**Definition of the term**Definition Term**Definition of the term || || **embed object** || <span style="font-family: Arial,Helvetica;">**<EMBED** src="yourfile.mid" width="100%" height="60" align="center"> ||= <span style="font-family: Arial,Helvetica;">(Tip) || <bgsound src="yourfile.mid" loop="1"> ||= <span style="font-family: Arial,Helvetica;">
 * <span style="display: block; text-align: center; color: white; font-family: Arial,Helvetica;">**Tag** **<span style="background-color: rgb(192, 192, 192);">TAGS ** || <span style="display: block; text-align: center; font-family: Arial,Helvetica;">**<span style="background-color: rgb(192, 192, 192);">Name ** || <span style="display: block; text-align: center; font-family: Arial,Helvetica;">**<span style="background-color: rgb(192, 192, 192);">Code Example ** ||= <span style="display: block; text-align: center; font-family: Arial,Helvetica;">**<span style="background-color: rgb(192, 192, 192);">Browser View ** ||
 * <span style="font-family: Arial,Helvetica;">** ||= <span style="font-family: Arial,Helvetica;">Nothing will show (Tip) ||
 * <span style="font-family: Arial,Helvetica;"><A - || <span style="font-family: Arial,Helvetica;">**anchor** || <span style="font-family: Arial,Helvetica;">**<A** HREF="http://www.yourdomain.com/">Visit Our Site**</A>** ||= <span style="color: blue; font-family: Arial,Helvetica;">Visit Our Site <span style="font-family: Arial, Helvetica;"> __(Tip)__ ||
 * <span style="font-family: Arial,Helvetica;"><B> || <span style="font-family: Arial,Helvetica;">**bold** || <span style="font-family: Arial,Helvetica;">**<B>**Example**</B>** ||= <span style="font-family: Arial,Helvetica;">**Example** ||
 * <span style="font-family: Arial,Helvetica;"><BIG> || <span style="font-family: Arial,Helvetica;">**big (text)** || <span style="font-family: Arial,Helvetica;">**<BIG>**Example**</BIG>** ||= <span style="font-family: Arial,Helvetica;"> Example (Tip) ||
 * <span style="font-family: Arial,Helvetica;"><BODY> || <span style="font-family: Arial,Helvetica;">**body of HTML document** || <span style="font-family: Arial,Helvetica;">**<BODY>**The content of your **HTML** page**</BODY>** ||= <span style="font-family: Arial,Helvetica;">Contents of your web page (Tip) ||
 * <span style="font-family: Arial,Helvetica;"><BR> || <span style="font-family: Arial,Helvetica;">**line break** || <span style="font-family: Arial,Helvetica;">The contents of your page**<BR>**The contents of your page ||= <span style="font-family: Arial,Helvetica;">The contents of your web page
 * <span style="font-family: Arial,Helvetica;"><CENTER> || <span style="font-family: Arial,Helvetica;">**center** || <span style="font-family: Arial,Helvetica;">**<CENTER>**This will center your contents**</CENTER>** ||= <span style="display: block; text-align: center; font-family: Arial,Helvetica;">This will center your contents ||
 * <span style="font-family: Arial,Helvetica;"><DD> || <span style="font-family: Arial,Helvetica;">**definition description** || <span style="font-family: Arial,Helvetica;">
 * <DD>Definition of the term**
 * <DD>Definition of the term**
 * <span style="font-family: Arial,Helvetica;"> || <span style="font-family: Arial,Helvetica;">**definition list** || <span style="font-family: Arial,Helvetica;">****
 * </DL>** ||= <span style="font-family: Arial,Helvetica;">Definition TermDefinition of the termDefinition TermDefinition of the term ||
 * <span style="font-family: Arial,Helvetica;"><DT> || <span style="font-family: Arial,Helvetica;">**definition term** || <span style="font-family: Arial,Helvetica;">
 * <DT>Definition Term**
 * <DT>Definition Term**
 * <span style="font-family: Arial,Helvetica;"><EM> || <span style="font-family: Arial,Helvetica;">**emphasis** || <span style="font-family: Arial,Helvetica;">This is an **<EM>**Example**</EM>** of using the emphasis tag ||= <span style="font-family: Arial,Helvetica;">This is an //Example// of using the emphasis tag ||
 * <span style="font-family: Arial,Helvetica;"><EMBED>
 * <span style="font-family: Arial,Helvetica;"><EMBED> || <span style="font-family: Arial,Helvetica;">**embed object** || <span style="font-family: Arial,Helvetica;"><**EMBED** src="yourfile.mid" autostart="true" hidden="false" loop="false">

Music will begin playing when your page is loaded and will only play one time. A control panel will be displayed to enable your visitors to stop the music. || Name: <INPUT name="Name" value="" size="10"><BR> Email: <INPUT name="Email" value="" size="10"><BR> <CENTER><INPUT type="submit"></CENTER> Email: || <H2> <H3> <H4> <H5> <H6> || <span style="font-family: Arial,Helvetica;">**heading 1**
 * <span style="font-family: Arial,Helvetica;"><FONT> || <span style="font-family: Arial,Helvetica;">**font** || <span style="font-family: Arial,Helvetica;">**<FONT** FACE="Times New Roman">Example**</FONT>** ||= Example <span style="font-family: Arial,Helvetica;">(Tip) ||
 * <span style="font-family: Arial,Helvetica;"><FONT> || <span style="font-family: Arial,Helvetica;">**font** || <span style="font-family: Arial,Helvetica;">**<FONT** FACE="Times New Roman" SIZE="4">Example**</FONT>** ||= Example <span style="font-family: Arial,Helvetica;">(Tip) ||
 * <span style="font-family: Arial,Helvetica;"><FONT> || <span style="font-family: Arial,Helvetica;">**font** || <span style="font-family: Arial,Helvetica;">**<FONT** FACE="Times New Roman" SIZE="+3" COLOR="#FF0000">Example**</FONT>** ||= <span style="color: rgb(255, 0, 0); font-family: 'Times New Roman';">Example <span style="font-family: Arial,Helvetica;">(Tip) ||
 * <span style="font-family: Arial,Helvetica;"><FORM> || <span style="font-family: Arial,Helvetica;">**form** || <span style="font-family: Arial,Helvetica;">**<FORM** action="mailto:you@yourdomain.com">
 * </FORM>** ||= <span style="font-family: Arial,Helvetica;">Name: (Tip)
 * <span style="font-family: Arial,Helvetica;"><H1>
 * heading 2**
 * heading 3**
 * heading 4**
 * heading 5**
 * heading 6** || <span style="font-family: Arial,Helvetica;">**<H1>**Heading 1 Example**</H1>**
 * <H2>**Heading 2 Example**</H2>**
 * <H3>**Heading 3 Example**</H3>**
 * <H4>**Heading 4 Example**</H4>**
 * <H5>**Heading 5 Example**</H5>**
 * <H6>**Heading 6 Example**</H6>** ||= =[[image:http://www.web-source.net/graphics/headings.gif width="138" height="153" align="center"]]= ||
 * <span style="font-family: Arial,Helvetica;"><HEAD> || <span style="font-family: Arial,Helvetica;">**heading of HTML document** || <span style="font-family: Arial,Helvetica;">**<HEAD>**Contains elements describing the document**</HEAD>** ||= <span style="font-family: Arial,Helvetica;">Nothing will show ||
 * <span style="font-family: Arial,Helvetica;"><HR> || <span style="font-family: Arial,Helvetica;">**horizontal rule** || <span style="font-family: Arial,Helvetica;">**<HR>** ||= <span style="font-family: Arial,Helvetica;">Contents of your web page (Tip)

<span style="font-family: Arial,Helvetica;">Contents of your web page ||
 * <span style="font-family: Arial,Helvetica;"><HR> || <span style="font-family: Arial,Helvetica;">**horizontal rule** || <span style="font-family: Arial,Helvetica;">**<HR** WIDTH="50%" SIZE="3"> ||= <span style="font-family: Arial,Helvetica;">Contents of your web page

<span style="font-family: Arial,Helvetica;">Contents of your web page ||
 * <span style="font-family: Arial,Helvetica;"><HR> || <span style="font-family: Arial,Helvetica;">**horizontal rule** || <span style="font-family: Arial,Helvetica;">**<HR** WIDTH="50%" SIZE="3" NOSHADE> ||= <span style="font-family: Arial,Helvetica;">Contents of your web page

<span style="font-family: Arial,Helvetica;">Contents of your web page || (Internet Explorer) || <span style="font-family: Arial,Helvetica;">**horizontal rule** || <span style="font-family: Arial,Helvetica;">**<HR** WIDTH="75%" COLOR=" [|#FF0000]<span style="font-family: Arial,Helvetica;">" SIZE="4"> ||= <span style="font-family: Arial,Helvetica;">Contents of your web page
 * <span style="font-family: Arial,Helvetica;"><HR>

<span style="font-family: Arial,Helvetica;">Contents of your web page || (Internet Explorer) || <span style="font-family: Arial,Helvetica;">**horizontal rule** || <span style="font-family: Arial,Helvetica;">**<HR** WIDTH="25%" COLOR=" [|#6699FF]"<span style="font-family: Arial,Helvetica;"> SIZE="6"> ||= <span style="font-family: Arial,Helvetica;">Contents of your web page
 * <span style="font-family: Arial,Helvetica;"><HR>

<span style="font-family: Arial,Helvetica;">Contents of your web page || <span style="font-family: Arial,Helvetica;">(Tip) ||
 * <span style="font-family: Arial,Helvetica;"><HTML> || <span style="font-family: Arial,Helvetica;">**hypertext markup language** || <span style="font-family: Arial,Helvetica;">**<HTML>**<HEAD><META><TITLE>Title of your web page</TITLE></HEAD><BODY>**HTML web page** contents</BODY>**</HTML>** ||= <span style="font-family: Arial,Helvetica;">Contents of your web page ||
 * <span style="font-family: Arial,Helvetica;"><I> || <span style="font-family: Arial,Helvetica;">**italic** || <span style="font-family: Arial,Helvetica;">**<I>**Example**</I>** ||= <span style="font-family: Arial,Helvetica;">//Example// ||
 * <span style="font-family: Arial,Helvetica;"><IMG> || <span style="font-family: Arial,Helvetica;">**image** || <span style="font-family: Arial,Helvetica;">**<IMG** SRC="Earth.gif" WIDTH="41" HEIGHT="41" BORDER="0" ALT="text describing the image"> ||= [[image:http://www.web-source.net/graphics/Earth.gif width="41" height="41" align="center" caption="a sentence about your site"]]
 * <span style="font-family: Arial,Helvetica;"><INPUT> || <span style="font-family: Arial,Helvetica;">**input field** || <span style="font-family: Arial,Helvetica;">Example 1:

<span style="font-family: Arial,Helvetica;"><FORM METHOD=post ACTION="/cgi-bin/example.cgi"> </FORM> ||= <span style="font-family: Arial,Helvetica;">Example 1: (Tip) || (Internet Explorer) || <span style="font-family: Arial,Helvetica;">**input field** || <span style="font-family: Arial,Helvetica;">Example 2:
 * <INPUT** type="text" size="10" maxlength="30">
 * <INPUT** type="Submit" VALUE="Submit">
 * <span style="font-family: Arial,Helvetica;"><INPUT>

<span style="font-family: Arial,Helvetica;"><FORM METHOD=post ACTION="/cgi-bin/example.cgi"> </FORM> ||= <span style="font-family: Arial,Helvetica;">Example 2: (Tip) ||
 * <INPUT** type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30">
 * <INPUT** type="Submit" VALUE="Submit">
 * <span style="font-family: Arial,Helvetica;"><INPUT> || <span style="font-family: Arial,Helvetica;">**input field** || <span style="font-family: Arial,Helvetica;">Example 3:

<span style="font-family: Arial,Helvetica;"><FORM METHOD=post ACTION="/cgi-bin/example.cgi"> </FORM> ||= <span style="font-family: Arial,Helvetica;">Example 3: (Tip) ||~  ||~   ||~   ||
 * <span style="font-family: Arial,Helvetica;"><INPUT> || <span style="font-family: Arial,Helvetica;">**input field** || <span style="font-family: Arial,Helvetica;">Example 4:

<span style="font-family: Arial,Helvetica;"><FORM METHOD=post ACTION="/cgi-bin/example.cgi"> Enter Your Comments:<BR> <TEXTAREA wrap="virtual" name="Comments" rows=3 cols=20 MAXLENGTH=100></TEXTAREA><BR> </FORM> ||= <span style="font-family: Arial,Helvetica;">Example 4: (Tip) ||
 * <INPUT** type="Submit" VALUE="Submit">
 * <INPUT** type="Reset" VALUE="Clear">
 * <span style="font-family: Arial,Helvetica;"><INPUT> || <span style="font-family: Arial,Helvetica;">**input field** || <span style="font-family: Arial,Helvetica;">Example 5:

<span style="font-family: Arial,Helvetica;"><FORM METHOD=post ACTION="/cgi-bin/example.cgi"> <CENTER> Select an option: <SELECT> <OPTION >option 1 <OPTION SELECTED>option 2 <OPTION>option 3 <OPTION>option 4 <OPTION>option 5 <OPTION>option 6 </SELECT><BR> </FORM> ||= <span style="font-family: Arial,Helvetica;">Example 5: (Tip)
 * <INPUT** type="Submit" VALUE="Submit"></CENTER>

<span style="font-family: Arial,Helvetica;">Select an option: option 1option 2option 3option 4option 5option 6 ||
 * <span style="font-family: Arial,Helvetica;"><INPUT> || <span style="font-family: Arial,Helvetica;">**input field** || <span style="font-family: Arial,Helvetica;">Example 6:

<span style="font-family: Arial,Helvetica;"><FORM METHOD=post ACTION="/cgi-bin/example.cgi"> Select an option:<BR> <BR> <BR> Select an option:<BR> </FORM> ||= <span style="font-family: Arial,Helvetica;">Example 6: (Tip)
 * <INPUT** type="radio" name="option"> Option 1
 * <INPUT** type="radio" name="option" CHECKED> Option 2
 * <INPUT** type="radio" name="option"> Option 3
 * <INPUT** type="checkbox" name="selection"> Selection 1
 * <INPUT** type="checkbox" name="selection" CHECKED> Selection 2
 * <INPUT** type="checkbox" name="selection"> Selection 3
 * <INPUT** type="Submit" VALUE="Submit">

<span style="font-family: Arial,Helvetica;">Select an option: Option 1 Option 2 Option 3

<span style="font-family: Arial,Helvetica;">Select an option: Selection 1 Selection 2 Selection 3 ||
 * <span style="font-family: Arial,Helvetica;"><LI> || <span style="font-family: Arial,Helvetica;">**list item** || <span style="font-family: Arial,Helvetica;">Example 1:

<MENU> </MENU>
 * <LI** type="disc">List item 1
 * <LI** type="circle">List item 2
 * <LI** type="square">List item 3

<span style="font-family: Arial,Helvetica;">Example 2:

<OL type="i"> </OL> ||= <span style="font-family: Arial,Helvetica;">Example 1: (Tip)
 * <LI>**List item 1
 * <LI>**List item 2
 * <LI>**List item 3
 * <LI>**List item 4
 * <span style="font-family: Arial,Helvetica;">**List item 1**
 * **<span style="font-family: Arial,Helvetica;">List item 2 **
 * **<span style="font-family: Arial,Helvetica;">List item 3 **

<span style="font-family: Arial,Helvetica;">Example 2: <link rel="stylesheet" type="text/css" href="style.css" /> ||=  || (Internet Explorer) || <span style="font-family: Arial,Helvetica;">**scrolling text** || <span style="font-family: Arial,Helvetica;">**<MARQUEE** bgcolor="[|#CCCCCC]" loop="-1" scrollamount="2" width="100%"> Example Marquee**</MARQUEE>** ||= Example Marquee<span style="font-family: Arial,Helvetica;">(Tip) || <LI type="disc">List item 1 <LI type="circle">List item 2 <LI type="square">List item 3
 * 1) <span style="font-family: Arial,Helvetica;">**List item 1**
 * 2) **<span style="font-family: Arial,Helvetica;">List item 2 **
 * 3) **<span style="font-family: Arial,Helvetica;">List item 3 **
 * 4) **<span style="font-family: Arial,Helvetica;">List item 4 ** ||
 * <span style="font-family: Arial,Helvetica;"><LINK> || <span style="font-family: Arial,Helvetica;">**link** || <span style="font-family: Arial,Helvetica;">
 * <span style="font-family: Arial,Helvetica;"><MARQUEE>
 * <span style="font-family: Arial,Helvetica;"><MENU> || <span style="font-family: Arial,Helvetica;">**menu** || <span style="font-family: Arial,Helvetica;">**<MENU>**
 * </MENU>** ||= * <span style="font-family: Arial,Helvetica;">List item 1
 * <span style="font-family: Arial,Helvetica;">List item 2
 * <span style="font-family: Arial,Helvetica;">List item 3 ||
 * <span style="font-family: Arial,Helvetica;"><META> || <span style="font-family: Arial,Helvetica;">**meta** || <span style="font-family: Arial,Helvetica;">**<META** name="Description" content="Description of your site">
 * <META** name="keywords" content="keywords describing your site"> ||= <span style="font-family: Arial,Helvetica;">Nothing will show (Tip) ||
 * <span style="font-family: Arial,Helvetica;"><META> || <span style="font-family: Arial,Helvetica;">**meta** || <span style="font-family: Arial,Helvetica;">**<META** HTTP-EQUIV="Refresh" CONTENT="4;URL=http://www.yourdomain.com/"> ||= <span style="font-family: Arial,Helvetica;">Nothing will show (Tip) ||
 * <span style="font-family: Arial,Helvetica;"><META> || <span style="font-family: Arial,Helvetica;">**meta** || <span style="font-family: Arial,Helvetica;">**<META** http-equiv="Pragma" content="no-cache"> ||= <span style="font-family: Arial,Helvetica;">Nothing will show (Tip) ||
 * <span style="font-family: Arial,Helvetica;"><META> || <span style="font-family: Arial,Helvetica;">**meta** || <span style="font-family: Arial,Helvetica;">**<META** name="rating" content="General"> ||= <span style="font-family: Arial,Helvetica;">Nothing will show (Tip) ||
 * <span style="font-family: Arial,Helvetica;"><META> || <span style="font-family: Arial,Helvetica;">**meta** || <span style="font-family: Arial,Helvetica;">**<META** name="ROBOTS" content="ALL"> ||= <span style="font-family: Arial,Helvetica;">Nothing will show (Tip) ||
 * <span style="font-family: Arial,Helvetica;"><META> || <span style="font-family: Arial,Helvetica;">**meta** || <span style="font-family: Arial,Helvetica;">**<META** NAME="ROBOTS" content="NOINDEX,FOLLOW"> ||= <span style="font-family: Arial,Helvetica;">Nothing will show (Tip) ||
 * <span style="font-family: Arial,Helvetica;"><OL> || <span style="font-family: Arial,Helvetica;">**ordered list** || <span style="font-family: Arial,Helvetica;">**Numbered**

<span style="font-family: Arial,Helvetica;">**<OL>** <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4
 * </OL>**

<span style="font-family: Arial,Helvetica;">**Numbered Special Start**

<span style="font-family: Arial,Helvetica;">**<OL start="5">** <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4
 * </OL>**

<span style="font-family: Arial,Helvetica;">**Lowercase Letters** <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4
 * <OL type="a">**
 * </OL>

Capital Letters** <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4
 * <OL type="A">**
 * </OL>

Capital Letters Special Start** <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4
 * <OL type="A" start="3">**
 * </OL>

Lowercase Roman Numerals** <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4
 * <OL type="i">**
 * </OL>

Capital Roman Numerals** <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4
 * <OL type="I">**
 * </OL>**

<span style="font-family: Arial,Helvetica;">**Capital Roman Numerals Special Start** <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 <span style="font-family: Arial,Helvetica;">**Numbered Special Start** <span style="font-family: Arial,Helvetica;">**Lowercase Letters** <span style="font-family: Arial,Helvetica;">**Capital Letters** <span style="font-family: Arial,Helvetica;">**Capital Letters Special Start** <span style="font-family: Arial,Helvetica;">**Lowercase Roman Numerals** <span style="font-family: Arial,Helvetica;">**Capital Roman Numerals** <span style="font-family: Arial,Helvetica;">**Capital Roman Numerals Special Start** <CENTER> Select an option: <SELECT> </SELECT><BR> </CENTER> </FORM> ||= <span style="font-family: Arial,Helvetica;">Select an option: (Tip) option 1option 2option 3option 4option 5option 6 ||
 * <OL type="I" start="7">**
 * </OL>** ||= <span style="font-family: Arial,Helvetica;">**Numbered**
 * 1) <span style="font-family: Arial,Helvetica;">List item 1
 * 2) <span style="font-family: Arial,Helvetica;">List item 2
 * 3) <span style="font-family: Arial,Helvetica;">List item 3
 * 4) <span style="font-family: Arial,Helvetica;">List item 4
 * 1) <span style="font-family: Arial,Helvetica;">List item 1
 * 2) <span style="font-family: Arial,Helvetica;">List item 2
 * 3) <span style="font-family: Arial,Helvetica;">List item 3
 * 4) <span style="font-family: Arial,Helvetica;">List item 4
 * 1) <span style="font-family: Arial,Helvetica;">List item 1
 * 2) <span style="font-family: Arial,Helvetica;">List item 2
 * 3) <span style="font-family: Arial,Helvetica;">List item 3
 * 4) <span style="font-family: Arial,Helvetica;">List item 4
 * 1) <span style="font-family: Arial,Helvetica;">List item 1
 * 2) <span style="font-family: Arial,Helvetica;">List item 2
 * 3) <span style="font-family: Arial,Helvetica;">List item 3
 * 4) <span style="font-family: Arial,Helvetica;">List item 4
 * 1) <span style="font-family: Arial,Helvetica;">List item 1
 * 2) <span style="font-family: Arial,Helvetica;">List item 2
 * 3) <span style="font-family: Arial,Helvetica;">List item 3
 * 4) <span style="font-family: Arial,Helvetica;">List item 4
 * 1) <span style="font-family: Arial,Helvetica;">List item 1
 * 2) <span style="font-family: Arial,Helvetica;">List item 2
 * 3) <span style="font-family: Arial,Helvetica;">List item 3
 * 4) <span style="font-family: Arial,Helvetica;">List item 4
 * 1) <span style="font-family: Arial,Helvetica;">List item 1
 * 2) <span style="font-family: Arial,Helvetica;">List item 2
 * 3) <span style="font-family: Arial,Helvetica;">List item 3
 * 4) <span style="font-family: Arial,Helvetica;">List item 4
 * 1) <span style="font-family: Arial,Helvetica;">List item 1
 * 2) <span style="font-family: Arial,Helvetica;">List item 2
 * 3) <span style="font-family: Arial,Helvetica;">List item 3
 * 4) <span style="font-family: Arial,Helvetica;">List item 4 ||
 * <span style="font-family: Arial,Helvetica;"><OPTION> || <span style="font-family: Arial,Helvetica;">**listbox option** || <span style="font-family: Arial,Helvetica;"><FORM METHOD=post ACTION="/cgi-bin/example.cgi">
 * <OPTION>**option 1
 * <OPTION SELECTED>**option 2
 * <OPTION>**option 3
 * <OPTION>**option 4
 * <OPTION>**option 5
 * <OPTION>**option 6
 * <span style="font-family: Arial,Helvetica;"><P> || <span style="font-family: Arial,Helvetica;">**paragraph** || <span style="font-family: Arial,Helvetica;">This is an example displaying the use of the paragraph tag. <P> This will create a line break and a space between lines.

Attributes:

Example 1:<BR> <BR> This is an example<BR> displaying the use<BR> of the paragraph tag.<BR> <BR> Example 2:<BR> <BR> This is an example<BR> displaying the use<BR> of the paragraph tag.<BR> <BR> Example 3:<BR> <BR> This is an example<BR> displaying the use<BR> of the paragraph tag. ||= <span style="display: block; text-align: left; font-family: Arial,Helvetica;">This is an example displaying the use of the paragraph tag. <span style="font-family: Arial,Helvetica;">This will create a line break and a space between lines.
 * <P align="left">**
 * <P align="right">**
 * <P align="center">**

<span style="font-family: Arial,Helvetica;">Attributes:

<span style="font-family: Arial,Helvetica;">Example 1:

This is an example displaying the use of the paragraph tag.

Example 2:

This is an example displaying the use of the paragraph tag. <span style="display: block; text-align: center; font-family: Arial,Helvetica;">Example 3:

This is an example displaying the use of the paragraph tag. ||
 * <span style="font-family: Arial,Helvetica;"><SMALL> || <span style="font-family: Arial,Helvetica;">**small (text)** || <span style="font-family: Arial,Helvetica;">**<SMALL>**Example**</SMALL>** ||= ====Example (Tip)==== ||
 * <span style="font-family: Arial,Helvetica;"><STRIKE> || <span style="font-family: Arial,Helvetica;">**deleted text** || <span style="font-family: Arial,Helvetica;">**<STRIKE>**Example**</STRIKE>** ||= <span style="font-family: Arial,Helvetica;">Example ||
 * <span style="font-family: Arial,Helvetica;"><STRONG> || <span style="font-family: Arial,Helvetica;">**strong emphasis** || <span style="font-family: Arial,Helvetica;">**<STRONG>**Example**</STRONG>** ||= <span style="font-family: Arial,Helvetica;">Example ||
 * <span style="font-family: Arial,Helvetica;"> **

Example 2: (Internet Explorer)



Example 3:


 * ** ||= <span style="font-family: Arial,Helvetica;">Example 1: (Tip) ||~  ||~   ||

</DIV> || ||~  || <BR> <LI>List item 1 <LI>List item 2 <BR> Example 2:<BR> <LI>List item 1 <LI>List item 2 <LI>List item 3 <LI>List item 4 </UL>** || <span style="font-family: Arial,Helvetica;">Example 1:
 * = **<span style="background-color: rgb(192, 192, 192);">Tags ** ||= **<span style="background-color: rgb(192, 192, 192);">Name ** ||= **<span style="background-color: rgb(192, 192, 192);"> Code Example ** ||||= **<span style="background-color: rgb(192, 192, 192);"> Browser View ** ||
 * <span style="font-family: Arial,Helvetica;"><TD> || <span style="font-family: Arial,Helvetica;">**table data** || <span style="font-family: Arial,Helvetica;"> ||  ||   ||
 * <span style="font-family: Arial,Helvetica;"><TH> || <span style="font-family: Arial,Helvetica;">**table header** || <span style="font-family: Arial,Helvetica;"><DIV align="center">
 * || <span style="font-family: Arial,Helvetica;"><TITLE> || <span style="font-family: Arial,Helvetica;">**document title** || <span style="font-family: Arial,Helvetica;">**<TITLE>**Title of your **HTML page</TITLE>** || <span style="font-family: Arial,Helvetica;">Title of your web page will be viewable in the title bar. (Tip) ||
 * <span style="font-family: Arial,Helvetica;"><TR> || <span style="font-family: Arial,Helvetica;">**table row** || <span style="font-family: Arial,Helvetica;"> ||  || <span style="font-family: Arial,Helvetica;">**Column 1** ||
 * <span style="font-family: Arial,Helvetica;"><TT> || <span style="font-family: Arial,Helvetica;">**teletype** || <span style="font-family: Arial,Helvetica;">**<TT>**Example**</TT>** || ||
 * <span style="font-family: Arial,Helvetica;"><U> || <span style="font-family: Arial,Helvetica;">**underline** || <span style="font-family: Arial,Helvetica;"><U>Example</U> || <span style="font-family: Arial,Helvetica;">Example ||
 * <span style="font-family: Arial,Helvetica;"><UL> || <span style="font-family: Arial,Helvetica;">**unordered list** || <span style="font-family: Arial,Helvetica;">Example 1:<BR>
 * <UL>**
 * </UL>**
 * <UL type="disc">**
 * <UL type="circle">**
 * </UL>


 * <span style="font-family: Arial,Helvetica;">List item 1
 * <span style="font-family: Arial,Helvetica;">List item 2

<span style="font-family: Arial,Helvetica;">Example 2: <span style="font-family: Verdana,Helvetica;">**MouseOver PopUps provided by:**
 * <span style="font-family: Arial,Helvetica;">List item 1
 * <span style="font-family: Arial,Helvetica;">List item 2
 * <span style="font-family: Arial,Helvetica;">List item 3
 * <span style="font-family: Arial,Helvetica;">List item 4 ||

<span style="display: block; color: rgb(242, 222, 222); background-color: rgb(177, 6, 6); text-align: center;">
=<span style="text-align: center; display: block; color: rgb(0, 0, 255);"><span style="display: block; color: rgb(242, 222, 222); background-color: rgb(177, 6, 6); text-align: center;"> Cascading Style Sheets - CSS (keeping STYLE & content separate) =








 * Things to include could be:**
 * Videos
 * Written instructions
 * Website links
 * Where to get instructions, etc.

=If you've got the basics of HTML down, you can [|visit this site] for some more advanced HTML=