Color Codes

 	
#00FF00: Live green

#009933: Dark Green

#FF00CC: Bluesh green

#000033: Very Dark Green

#FFFF00: Yellow

#FFFF99: Pale Yellow

#FFFFFF: Pale whitesh yellow

#FFCCFF: Pale Pink

#FFCC99: Yellowish pink

#FFCC00: pink-yellow

#9933FF: Purple red

#CCCC00: Yellow Green

#CCFFFF: Yellow bluish

#006699: greenish blue

#FF00FF: Pink dark

#FFCCFF: Light Pink

#FF6600: Light Red

Return to top of document.

Javascript to create Rollover Effect

(SCRIPT LANGUAGE="JavaScript">
(
<        if (document.images) {            // Active Images
<            img1on = new Image();      
<            img1on.src = "capnotex.jpg"; 
<            img2on = new Image();      
<            img2on.src = "insightx.gif"; 
<            img3on = new Image();      
<            img3on.src = "smallcapx.jpg"; 
<            img4on = new Image();      
<            img4on.src = "researchx.jpg"; 
<            img5on = new Image();      
<            img5on.src = "capideasxx.gif"; 
<            img1off = new Image(); 
<            img1off.src = "capnote.jpg"; 
<            img2off = new Image(); 
<            img2off.src = "insight.gif"; 
<            img3off = new Image(); 
<            img3off.src = "smallcap.gif"; 
<            img4off = new Image(); 
<            img4off.src = "research.gif"; 
<            img5off = new Image(); 
            img5off.src = "capideas.gif"; 
        }
(// Function to 'activate' images.
(function imgOn(imgName) {
(        if (document.images) {
(            document[imgName].src = eval(imgName + "on.src");
(        }
(}
(// Function to 'deactivate' images.
(function imgOff(imgName) {
(        if (document.images) {
(            document[imgName].src = eval(imgName + "off.src");
(        }
(}
(// -->
(  
(
(BODY BGCOLOR="#000000">

(TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
  (TR>
    (TD VALIGN="TOP">
    (A HREF="http://www.capitalideas.com/capnote/index.html" TARGET="main"
    (onMouseOver="imgOn('img1')" onMouseOut="imgOff('img1')">
(/TD>
    (TD VALIGN="TOP">
    (A HREF="http://www.capitalideas.com/insight/index.html" TARGET="main"
    (onMouseOver="imgOn('img2')" onMouseOut="imgOff('img2')">
(/TD>
    (TD VALIGN="TOP">
    (A HREF="http://www.capitalideas.com/stocks/index.html" TARGET="main"
    (onMouseOver="imgOn('img3')" onMouseOut="imgOff('img3')">
(/TD>
    (TD VALIGN="TOP">
    (A HREF="http://www.capitalideas.com/research/index.html" TARGET="main"
    (onMouseOver="imgOn('img4')" onMouseOut="imgOff('img4')">
(/TD>
    (TD VALIGN="TOP" ALIGN="RIGHT">
    (A HREF="http://www.capitalideas.com/" TARGET="_top" onMouseOver="imgOn('img5')"
    (onMouseOut="imgOff('img5')">
(/TD>
  (/TR>
(/TABLE>

(/BODY>
(/HTML>

Return to top of document.

Add a blank line between two tables:

(table border="0" cellspacing="0" width="100%">

                    (tr>

                        (td width="100%"> 

                    (/tr>

               (/table)

Return to top of document.





























Create a Pop-up Window

 
		

TO create a Popup Window: (BODY onLoad="alert('Welcome to my page!');"  onUnload="alert('Goodbye! Sorry to see you go!');")

		
		

Return to top of document.





























Tables Sample (a)

(DIV
(STYLE="position:relative;border:none;layer-background-color:green;background-color:green;width:100px;height:100px">
(Hello

(Girls and boys
(/DIV>

Return to top of document.





























Buttons Sample (a)

(Push Next to continue:

(CENTER>
(Press  
( To Continue.
(/CENTER>
(/MULTICOL>
(/FONT>



(Style:
(P style="color:red;"> Aren't style sheets wonderful?

Return to top of document.





























Create Button Sample (b)

	
(Push "My Resume" to view Resume:

(INPUT TYPE="SUBMIT" NAME=@COMMAND.GOTO.$F1HTML/RESUME/RESUME.html"
(VALUE="My Resume">

Return to top of document.
























HTML Tags List

Encloses the entire HTML document.  (HTML>...(/HTML>
Encloses the head of the HTML document. (HEAD>...(/HEAD> 
Indicates the title of the document. Used within (TITLE>...(/TITLE> 
Encloses the body of the HTML document. . (BODY>...(/BODY> 
A paragraph. The closing tag (/P) is optional. (P)...(/P) 
A line break. (BR) 
A horizontal rule line. (HR) 
A first-level heading. (H1)...(/H1)
A second-level heading. (H2)...(/H2)
A fourth-level heading (seldom used). (h4)....(h5>...(h6>

Return to top of document.
























"Style"/Hovering Effects (1)

(style type="text/css">

(A:link { color: "blue"; }
(A:visited { color: "gray"; }
(A:hover { background-color: "red"; }

(/style>

Return to top of document.
























"Style"/Hovering Effects (2)

(style type="text/css">
(.crossred {  font-family: "trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #FF0000; text-decoration: none; cursor: hand}
(a:visited {  color: #3399FF; text-decoration: none}
(a:hover {  color: #FF0033; text-decoration: underline}
(/style>

Return to top of document.
























Make it Your Page

(script language="javascript">
 


(	function getBrowserType() {
(                browser= navigator.appName;
(                browserVersion = navigator.appVersion;
(                version = browserVersion.substring(0, 1); 
(                if ( (browser == "Microsoft Internet Explorer") && (version >= 4) ) return 1;
(        	return 0;
(	}


(	var gotStartPage = getBrowserType();
(	var startPage = "
Make " +
(			"this my start page";


(	if (gotStartPage == 1) {
(		document.write(startPage);
(	}



(/script>

Return to top of document.