Welcome!
    This page provides you with a quick and easy way to get started building webpages.
    To easily connect to some of the best Web creation sites currently living on the Internet, simply click on a category below, and then follow the links that appear.

    HTML Rules and Guidelines
    The RGB Color Code Chart
    HTML & Web Style Guides
    Clip Art
    Sample Tags and what they do
    Tips, Tricks and How To...
    A Very Highly Recommended Site

    HTML Sample

    Here is a picture of some raw code created on a Mac using Simpletext.



    And here is what is looks like in Netscape:



    So now, that you have a list of great places to visit for help, seen a couple of samples, get to work and build your pages!
    PS - Don't forget you can always view the source code of any page and see how they did it too!

    HTML Tags

    The following table is a list of the basic tags that you will need to get started building a webpage using HTML (HyperText Markup Language). You should be using a text editor (like SimpleText, TeachText, or NotePad ).

    <HTML>
    The HTML tag tells Netscape to understand the HyperText Markup Language
    Always start your page with this tag and always end your page with the </HTML> tag.
    </HTML>
    <TITLE>
    The TITLE tag tells Netscape to place a title in the TitleBar of the Netscape Browser.
    It does not appear in the body or window of Netscape.
    </TITLE>
    <BODY>
    The body tag tells Netscape to place all information that follows, into the body or window of Netscape. Place the </body> tag as the second last tag on the page.
    Modify the <BODY> tag with bgcolor ="ffffff" or with background="nameofgif"
    You can also set the link color for the page here too. Use Link="ff0000" and vlink="ff0000" to set the color of the link and the color of the link after it has been clicked.
    For example: <body background="bg2.gif" link="rrrrrr" vlink="ffffff"> Link here to a list of all the hexadecimal codes.     		</BODY>
    <P>
    The paragraph tag tells Netscape that you are starting and stopping a new paragraph. It creates a blank line after the </P. </P>
    <FONT SIZE>
    The FONT SIZE tag tells Netscape to increase or decrease the size of your font in the browser window.
    Size can range between 1 and 7 with 1 being the smallest and 7 the largest. You are reading this at size 3.
    </FONT SIZE>
    <FONT COLOR>
    The FONT COLOR tag tells Netscape to modify the color of your text. You can adjust it as often as you like. Use the same hexadecimal codes as with the body tag.
    For example - <FONT COLOR = "00cc00">
    </FONT COLOR>
    <H1>
    The H tag tells Netscape to create a heading in your document. Heading tags range from H1 - H6 with 1 being the largest and 6 the smallest.
    A head tag does two things besides make the text bigger - it bolds and breaks twice after the words
    </H1>
    <CENTER>
    The CENTER tag tells Netscape to center text or graphics on your page.
    </CENTER>
    <B>
    The B tag tells Netscape to make words bold.
    </B>
    <I>
    The I tag tells Netscape to make words italic.
    </I>
    <BLINK>
    The Blink tag tells Netscape to make words blink or flash on the screen.
    Be careful not to use this one too much as it can be really annoying.     		</BLINK>
    <HR>
    The HR tag tells Netscape to make a Horizontal Rule across your page. You can make it black by adding noshade to the tag.
    You can also change it's width and size, like this: <hr noshade width=350 size=5>
    There is no partner for this tag.
    <BR> The BR tag tells Netscape to create a break in the text. Effectively this wraps the text down to the next line.
    There is no partner for this tag.
    <IMG SRC=>
    The image tag tells Netscape to load an inline image. This image must be in either.gif or .jpg/.jpeg format.
    You can tell the image tag to align left, align right, or center depending on your needs.
    You can also modify the size of the image using the height=# and width =# parameters.
    For example: <IMG SRC="school.gif" height=250 width=200>
    There is no partner for this tag.
    <A HREF=>
    The anchor tag tells Netscape to link to another page. This can be a local file on your harddrive, another page on your site, or another posted website.
    It works like this: <A HREF="nameofpagetolinkto.html">The MBS Homepage </A> where The MBS Homepage shows up in the browser window of Netscape and is the 'hotspot' that the reader clicks on to navigate to the new page.
    </A>
    <UL>
    The unordered list tag tells Netscape to create a list with bullets. Each item in the list must start with <LI> </UL>





















































    HTML Rules and Guidelines

    Some very basic HTML rules and guidelines are as follows:

    • It makes no difference whether you use CAPS or not for the actual tags.
    • Most HTML tags work in pairs and you should think of them as start and stop tags (or commands)
    • All Simpletext files when saved should be saved with the extension .html
    • All Simpletext files must be saved using lowercase letters and with no spaces. For example: myhomepage.html
    • All files (Simpletext, .gifs, .jpgs, etc.) should all be in the same folder

    Return to the top of the page
















    HTML & Web Style Guides

    Here are some of the best HTML resources available on the Web. Whether you're looking for a how-to manual to help you create your Web site by hand, or you want someone to help you create a site that's pleasing to the eye, these links will get you where you want to go!

    EdWeb's HTML Crash Course for K-12 Educators!
    A Beginner's Guide to HTML
    HTML Tutorial
    The Web Developer's Virtual Library
    Guides to Writing HTML Documents
    A Basic HTML Style Guide
    Building Usable Web Pages: An HCI Perspective
    Designing Web Pages
    HTML Quick Reference
    HTML Reference Manual
    Interface Design for Sun's WWW Site
    Introduction to HTML
    Maggie's Guide to HTML Authoring Resources
    Top Ten Ways to Tell if You Have A "Bad" Home Page
    Web Style Guide
    World Wide Web Information
    World Wide Web FAQ


    Return to the top of the page



























    Clip Art

    Banners, backgrounds, animated gifs: these are the elements that turn a drab, dull Web page into a vibrant, colorful site. Consult these links to get some of the best Web art work around -- most of it available for free!

    Ace of Space Backgrounds
    The Banner Generator
    Cool Graphics on the Web
    Dinosaur Illustrations
    Free Animated Gifs Library
    Global Campus
    Images and Icons
    Julianne's Background Textures
    Moby's Icon Archive
    Netscape's Background Sampler
    Shawn's Web Art
    Tigger's Icon Mania
    Web Art Page
    The Web Developer's Virtual Library
    Yahoo's Clip Art Index
    Yahoo: Page Design and Layout
    Yahoo's Icon Index


    Return to the top of the page