How to Make A Web Page
    Part II




 Part I: BEFORE BEGINNING  WORK ENVIRONMENT  JUST THE BASICS  STORAGE  TEMPLATES
 Part II: COLOR  TEXT  LINKS  THINGS
COLOR
 
By now you remember: It takes 4 pair of tags to make a web page.
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>                    </BODY>
</HTML>
Well, adding color means adding a bit more code -- the back ground color attribute to the body tag.
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY BGCOLOR="#ffffff">         </BODY>
</HTML>
or, if you prefer named color to numbered color use the following.
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY BGCOLOR="white">         </BODY>
</HTML>
Once this attibute is added, it may be changed to different colors.
 
14th:    Type or select/copy/paste the background code --  BGCOLOR="#ffffff"  -- to the page saved in step 13 or this page, then edit/save/refresh the page as in step 13.
 
    On this page the back ground color is a gray which is an equal mix of red, green, and blue. See the body tag: <BODY BGCOLOR="DCDCDC" leftmargin="20">. The color is written in hexadecimal (base 16) notation
Often the default background color is white, font color is black, links is maroon, active links is red.
 
15th:    Edit the color name to change the color on your page. Use the #RedGreenBlue Color Table or the Colors by Name & Number page as a guide. Close these pages after use.
 
Color is used for things other than page back ground. Table back ground, links, visited links, active links and text/fonts also have color attributes.
 
TEXT
 
If you were to:
15th: Edit the color name to change the color on your page. Use the #RedGreenBlue Color Table or the Colors by Name & Number page as a guide. Close these pages after use. Color is used for things other than page back ground. Table back ground, links, visited links, active links and text/fonts also have color attributes.
 
If you were to:

15th: Edit the color name to change the color on your page. Use the #RedGreenBlue Color Table or the Colors by Name & Number page as a guide. Close these pages after use.

Color is used for things other than page back ground. Table back ground, links, visited links, active links and text/fonts also have color attributes.

 
If you were to:

    15th: Edit the color name to change the color on your page. Use the #RedGreenBlue Color Table or the Colors by Name & Number page as a guide. Close these pages after use.

   Color is used for things other than page back ground. Table back ground, links, visited links, active links and text/fonts also have color attributes.

 
16th:    Experiment with:
Paragraph tags:      
<p>     </p>
Paragraph tags w/some nonbreaking space tags:
<p> &nbsp; &nbsp;     </p>
then play with or return to later the text formatting tags on
· Fonts & Heading: Face, Color & Size Attributes and
· Markup & Content-Based Tags
 
LINKS = TAGS + LOCATION
 
Links or jumps make the web the web. They provide the interconnectivity.
Links take you to there, from here..
 
For a jump to a spot on a page, two pairs of anchor tags, positioned
      at the starting point and at the ending point are needed.
The two pairs of anchor tags are:
               
Starting point tags:       <a href="gothere "> starting location</a>
Ending point tags:      
<a name="gothere"> landing location</a>
Here are the tags needed for the jump.
               
<a href="        ">            </a>
<a name="       ">            </a>
 
For a jump to a page, a graphic, an animation, a sound clip, one pairs of anchor tags, positioned
      at the starting point, incorporates the ending point.
The pair of anchor tags is:
                <a href="gothere "> starting location</a>
Here are the tags needed for a jump.
               
<a href="         ">            </a>
 
 
17th:    Location is named by URL.   Take this jump to examine the parts of a URL.
 
18th:    To enable your web page, to jump from the top of the page to the bottom or
      from the bottom of the page to the top, anchor tags are required.
 
      JUST AFTER THE TOP <body> tag, put this tag to end a jump to the top of the page.
               
<a name="top"></a>
      and this tag to go to the bottom of the page.
               
<a href="#end">END</a>
 
      JUST BEFORE THE BOTTOM </body> tag, put this tag to end a jump to the bottom of the page.
               
<a name="end"></a>
      and this tag to go to the top of the page.
              
<a href="#top">TOP</a>
 
If you haven't put much text on the page itself, put in some line-break tags in
      the middle of the page or between the paragraphs to add length to the page.
               
<br>
      Save the page, refresh the browser, test your links.
 
[MCi logo]

MATHEMATICAL CONCEPTS, inc.

    85 First Street, Keyport, NJ 07735-1503

                                    callus@mathnstuff.com     (732) 739-3951


    http://www.mathnstuff.com/papers/webstuf/make2.htm © 3/11/01

[MSH! Home] [Transcription] [Table] [Words] [MC,i. Home] Classes Web Stuff [top] [end] [next] [last] [Good Stuff] [Order form]