Site hosted by Angelfire.com: Build your free website today!
Welcome to the part of the site where we explain to you the basics of HTML. Having the basics down is the foundation of good web designing. Below you will find links to explain the different types of basic codes. Just below the links you will see an explanation of HTML and some basic rules a designer should follow.

Codes:
HTML, Body, and Title Codes
Fonts
Paragraphs, Breaks, Alignment, and Block Quotes

Just what is HTML
HTML stands for Hyper-Text-Mark-Up-Language. HTML is used in the designing of webpages. Every website you see and every place that you go on the Internet uses HTML to create what you see before you. HTML is the language of web designers. In order to design web sites you must have at least a basic understanding of HTML. When you begin to write HTML you can use a number of things. You can use notepad or word pad to write the HTML in. These are simple word processors. Now when you go to save your file it will automatically save as a text file so you want to be sure to change that. Where it says Save As Type: .txt you will erase the .txt (or whatever code your processor uses) and replace it with .html

Change From:

To:

Before you can save however, you have to figure out how to name your page. The home page of the site or the splash page is ALWAYS named index.html Other pages should be named with short names (abbreviated if necessary) that describe the topic of that page. For example a photo album page would be photos.html, photo.html, pics.html Try and limit it to 8 characters not including the .html part.

You may wonder why you have to change it from .txt to .html and why all the pages must end with .html Well that is simple. You see the .html tells your computer that it is an html file and must be viewed as a website. While as a .txt would be viewed on your screen as just text. Let me show you the difference.

Saved As Txt:


Saved As HTML:

Before we go into the basic rules of HTML allow me to make a suggestion. Go to some of your favorite websites and view their HTML. You can do this by clicking View at the top of the browser and then Source in the drop down menu. Or by right clicking and selecting View Source. Once you have it open and you can see the coding that creates the site you see then try reading through it and see if you can figure out a few things. Don't worry if you can't you soon will be able to. As you learn try playing with their codes to see what you can do. Now onto some of the basic rules of web design.

Basic Rules:

1. Make sure that <HTML> is the first things in your coding and that </HTML> is the last thing.
2. Always Make sure you open and close codes. aka <open> </close>
3. Keep things simple and neat.
4. Don't overload the site with images and animation
5. Keep the time it takes the site to download to a minimum.
6. Keep information short and easy to understand.
7. Keep navigation consistent.
8. Keep links within 3 clicks or less.
9. Make sure there is enough color contrast between fonts, links, and backgrounds.
10. Be aware of the audience you want to target.