Create Free Websites
Create a Free Website at Ucoz
GrrooP.com
Jimdo.comSign Up
MoonFruit


Create Your Own
Designs

Without Tables
Artisteer - Web Design Generator

Use your knowledge of HTML to turn your template into a website.

Download a FREE Trial

HTML Code Tutorial

Introduction to HTML

HTML is the foundation of web page design. Not Java. Not Script. Not DHTML. If you want to learn these other more advanced features of web page design, do yourself a favor and get grounded in the basics of HTML first.

Why Learn HTML

Creating websites with HTML code gives you complete control over the appearance and functionality of your web site. If you don't want to be a web designer, you will still need at least a basic knowledge of coding.

Even if you decide to use a tool that doesn't require you to learn to code, a basic knowledge of HTML will help when problems arise.

If you want to build your website with a template that someone else has designed, you will also need some knowledge of HTML to turn it into a website.

Choose a Tool

To make the learning process a little easier, decide on the tool that you want to use and learn to use it before you start the actual construction of your site. I highly recommend the free html editor Note Tab Light.

If you'd like a simple lesson in creating a basic web page with a text editor like NotePad or WordPad and then viewing it in a browser,Click Here

This Tutorial

Our tutorial uses a simplistic approach in its lessons. Very little technical jargon is used in the presentation.

In most cases a function of HTML will be executed on the page and the HTML code used to produce it will be displayed beneath.

The best way to learn HTML is simply by doing it. You can copy the code examples from these pages and paste them into the editor that you are using.

You can also Test some of the code examples in this HTML editor.
Copy this code: <p style="font-family: verdana; font-size:14pt">My first code example!!</p>

Follow the directions on the right side of the editor to enter the code and then preview it.

* For the ultra-beginner, to copy code press the left mouse button and drag it over the desired code. Release the button at the end of the highlited selection. Then click the right mouse button in the center of the highlited code and click copy, when the editing box appears. Then set cursor inside the editor window and right click and choose paste.

Test in Multiple Browsers

Test your code in at least two different browsers. Note the differences in appearance. Though HTML 4.0 was supposed to be an attempt to standardize HTML for various browser types , there are still differences in the way Mozilla and Internet Explorer handle the code.

Online Website Builders

In the past we discouraged the use of online website builders. We found them hard to learn and editing an existing site was even harder.

As with many aspects of internet technology the advancement of Active X controls and javascript have improved online web development tools so drastically that almost anyone can build and maintain a website using one.

If want want to try an online web site builder, visit our website builders page and try a demo or free trial.

If you decide to go the online website builder route we suggest that before you start adding content to your pages you come back and visit our Website Design Tutorial and learn a little about researching and planning your website.

Before You Start

Most first time website builders make the mistake of starting to build their site before they have a plan. Whether building from scratch or using an online developer, an important part of that plan is researching keywords that will be used by search engines to find your site.

There's nothing more frustrating than finishing your site only to find you must rewrite the content to make it visible on the search engines. The solution - Optimize as you Build!

FREE OPTIMIZATION SOFTWARE

We recommend WEBCEO
Use this free software to Optimize pages as you build them

Research your keywords
Submit pages to SEs
Check SE rankings
Check your Link Popularity
and Much More.....   IT'S FREE & EASY TO USE!!!!!

Note: Google discourages the use of website optimization software.
Highly optimizing pages can result in lower rankings on Google.
Use this tool only as a guideline.

WEBCEO will tell you how many words you have on your page, the number of times that you use a keyword phrase and where they are located. It will then make recommendations to improve the page for better search engine rankings.

It even includes a built in WYSIWYG editor for making recommended changes to web pages.

Check out our Free Frames Template Kit or try our Free Frames Kit Demo