Learn Html: Basic Procedure For Building Html Documents

By Author: Timothy Aaron Whiston
Total Articles: 4762
Comment this article

While there are many languages and codes that can be used to build Web pages, HTML is the simplest, easiest to learn and most commonly used. Get a brief intro to HTML here.

This post will give you a very quick overview on how to build an HTML document from the ground up.

The first thing youll need is some type of editing application. Be aware that you can use notepad or any other text editor to write/edit HTML docs; simply enter your code and then save as .html when youre done. However notepad and other apps are obviously pretty limited in terms of user benefits. I recommend the 1st Page device from http://EvrSoft.com as a good free HTML editor to start with.

You should avoid using any WYSIWYG wizards and really learn to work with the actual code. If youre not willing to do this I urge you to just hire a pro to build your sites for you. The fact is software that builds the code for you does a slop job and your end result will be less than quality.

Once you have an editor open and ready, youll enter this line at the top of the blank document:

< !DOCTYPE HTML PUBLIC >

This is your document ...
... declaration, and it essentially explains to a browser what kind of info is about to be relayed. Dont overthink this part, just lay it down.

Next, youll need to open your HTML with this tag:

< HTML >

I recommend you also go ahead and scroll down the page, then add your closing tag as well:

< /HTML >

What you have done here is define for browsing software like Internet Explorer where to find the instructions and format rules for the Web page being read/displayed. As you probably know, browsing software is used to interpret Web documents onto our monitors in a way our eyes and brains can register, so its your job as Web designer to help the browser.

Everything you enter from here forward will go between your opening and closing tags. And your HTML doc will consist of two primary parts: the head and the body.

The head area contains such data as your page title, keyword and description tags, perhaps a few CSS parameters, and any specifications that need to be made in terms of dynamic scripts or software to be applied to the page that follows. You will open and close your head as follows:

< HEAD >

Enter relevant tags and data here. For example:

< TITLE > Page Title Here < / TITLE >

< link rel=stylesheet type=text/css href=page.css >
(above line explains where browser will find external style sheet for CSS Info)

Also enter META tags and any javascript info if applicable.

< /HEAD >

The body area of your document contains all of the publicly visible content. Here is where youll add your foreground and background, tables and columns, menus, images, page content, and all the many things that make up a great Web page.

Youll open and close the body the same as any other tag:

< BODY >

All of the tags, attributes, and elements that make up your Web page go here.

< /BODY >

This brief article has given you a solid overview of how to set up your own HTML documents. Your next obvious step is to study the actual tags and attributes for populating the head and body of your page document.

One simply way to learn this is to visit your favorite simple Web pages and use the View Source function of your browser. This can be executed by right clicking your mouse anywhere on a page (other than over an image or link) and choosing the view source option; also many browsers have a view source tab on the toolbar.. When you open the source for a page youll see a notepad document that displays all the HTML and other code for the Web page.

Just start playing around with some of the tags and code you find. A lot of this will be common sense, and you might just pick up the basics on the fly.

And as always, you are also invited to access my complete Web design course. Youll get a very thorough set of lessons with this product and the average user gains sound proficiency in 30 days or much less.
About Author:
Download your free Website Wizard software plus get loads of free Internet marketing information by visiting the author’s site now: http://www.realtimeinternetmarketing.com Visit Learn HTML: Basic Procedure For Building HTML Documents.