Learning html
quickly and easily for free.
The Basics.
Topics on this page.
What are html tags and how do you use them? Creating a paragraph, and making text bold and italic. Starting tags and the body tag. Closing tags.


Main Index

Getting started

The basics

Using text

Hyperlinks

Lists

Images

Tables

Frames

Forms

Uploading your pages

All tags

Meta tags

search engines

Better your rankings
color chart

Recommended reading

e-mail



If this site has helped you at all... Please
Add a link.

from your web site.
There are a few things you will need to know right from the get go.
  • Html tags are of course the most important...
    This is an HTML tag...<p>...One of many...html tags tell browsers what action you want to perform. The <p> tag creates a paragragh.
    </p>...this html tag ends a paragragh. (notice the only difference is the backslash)
  • You must close the html tags that you open...
    example..<p>Your TEXT goes here</p> (this makes it so the following text is not affected by the opening tag.)
    Another example:<b>this should be bold</b>This is not bold.
    Think of it as opening a door and shutting the door behind you.
    The <b> opens a door letting in some bold characters, and the </b> closes the door stopping the bold characters.
  • HTML Tags of course are not visible on the page that people are seeing...and they are not case sensitive(capitals or lower case will not effect the outcome.) However you should stick to a format of some sort. I don't normally use capital letters for tags.


Now...you need to open your html document...and type in the following html tags...

  • <html> (This tells a browser that you are writing in html.) Every html page needs this tag to start.
  • <head> (This is where META TAGS go, some java scripts, the title, etc...)
  • <title> (This is where your title of that page goes)</title>
    </head>(this closes the head) (notice the back slash...that simply closes an action so that the following html is not affected by the previous tag.)
  • <body> (this is where most of your viewable document is displayed)
    (notice I did not close this tag yet...that is because you have to put all the info. you want on your page, before you close the body.)
  • Always remember to end your html pages with </body> and </html>
  • Now click on file...
  • "click save"(this will save automatically in the folder you're working on.)
  • file name: whatever you named your first page(index.htm)(Remember to always save your first page ending with index.htm or index.html...The reason is that most website providers require it. If you don't, it won't work. After the initial page you can name them anything you want.)
  • Close out the page.
  • You can rename that file. (To rename your html document...)
      right click on the file.
        scroll to rename
          and type in index.
That was the hardest part...Now you're on your way.

Note: If you want to change your back ground color....use this tag, instead of the plain <body> tag.
<body bgcolor="white">
Or use this tag....
<body bgcolor="FFFFFF">
The number replaces the name for a color.
If you want to really pinpoint the color that you want to use...pick a number from the
hexidecimal color chart
Note; You should always use a color for the body area even if it is white because some people choose to change their color settings and unless you specify, you'll never know what color will be displayed.




24 Hours a Day - 7 Days a Week!!!
Now you can make your HTML learning experience much quicker and easier by joining our HTML Tutorial Club.
For only $20.00 a week, you can ask as many questions as you like and converse with Web Design Experts.
Try it out and get 1 Day FREE.

All Web Design questions answered within 24 hrs.


Next Page...Using Text.