Slides Framework by Designmodo

Solo Build It!

Learn HTML and create your own web pages by Satwinder Kaur

HTML stands for Hyper Text Markup Language and has the extension .htm and .html. The HTML file is made up of markup tags which tells how the web page will look like on the browser (Mozilla Firefox, Netscape Navigator, Microsoft Internet Explorer, or Opera).

To write an html file, You can use the WYSWYG (What you see what you get) HTML editor, that are tool driven. But to be a successful web designer or developer, you should be able to write the code with hand and know how to use the tags. Good web developers are in the habit of writing the html file in the text editors, like notepad and save the file.

Now, what extension should you use to save the file .htm or .html. Initially, when there were windows 3.x series or with the older version of html editors, files were being saved generally with the extension as .htm as they allowed only three characters in the file extension, but with the higher versions or windows and text editors or on MAC machine the file can be saved as .html extension. Browsers allows for both suffixes. It acts upon .html and .htm in the same fashion.

Note : HTML is not a case sensitive language, whether you write the tags in lowercase or uppercase, the browser will treat them in the same fashion.

How to write a basic HTML Page Now, let's begin with a hand on experience of writing the html pages. Lets's write and understand the basic html page.

Open the notepad and start writing.



<TITLE>Title of page</TITLE>



Test Page.



 Free Web Sitemap

Now save this file as test.html and close the notepad

Let's examine each html tag one by one

<HTML> </HTML> : The HTML tag tells a browser that this is an HTML page.

<HEAD> </HEAD> : The HEAD tag contains information about the page. The browser does not display the information contained in this tag to the user.

<TITLE> </TITLE> : The TITLE tag is contained in the HEAD tag and dispays the title of the HTML page. This is what we see on extreme left top of the browser.

<BODY> </BODY> : The BODY tag defines the documents' body. It contains all the contents (text and graphics) of the document that is displayed on the browser

Now open the file in the browser. Go to File-Open-browse and select the file to open.

So, your first html page is ready to wasn't that difficult ?? That's the beauty of this language, it is easy to learn and debug.

The HTML tags are not always simple , with some of the tags we have to pass the attributes. e.g if we want to insert an image, we need to provide the file name as the source for the browser to show the image.

<img name="img1.jpg">.

Attribute values should always be enclosed in quotes. Double style quotes are the most common, but single style quotes are also allowed. In some rare situations, like when the attribute value itself contains quotes, it is necessary to use single quotes.

Click here for the complete list of HTML tags with examples 
Click here for the complete reference for steps to build the website 
About the Author

A post graduate in Computers from India, has a working experience of 5 years as an IT manager in a private bank in Internet related technologies.

Currenly the creator of the website, a complete and comprehensive guide for website building.


You don't need to spend a lot of money building an attractive fully functioning website. In fact, you don't need to spend any money at all. You can do it FREE if you know what type of programs to look for and where to find them. "How", I here you ask?
I built my website - Horse Betting Systems - in May 2005 with the free software programs that came on the cover disc of an internet magazine. Even if you do not buy such magazines you can still freely download many good software programs from several sites, Tucows, for example.
You should look for software programs that are either FREEWARE or for programs that have recently been replaced by a newer version. As the older version tends to be given away free. Avoid SHAREWARE programs and TRIAL VERSIONS as these usually have many important functions disabled not to mention the expiry date.
The single most important software program you need for creating a website is an HTML editor. There are several types of editor available, I recommend a WYSIWYG editor. If you are not sure which are the best, always read the reviews and ratings given on most download sites. Feel free to try several until you find one that you are comfortable with using.
If you have used Word or a similar Windows based word prcoessing software program to create a letter or memo then you can use an HTML WYSIWYG editor, as it is very similar to word processing in menu functions and interface.
With time, patience and a little determination you may be pleasantly surprised how relatively easy it is to create an attractive fully functioning website with free programs. And you will have the added satisfaction of knowing it did not cost you a single penny.