A number of people are quite scared of HTML. Many editors program produces very complicated HTML which scares people when they click on the 'view source' on the website. Originally, HTML was designed to be a very easy to learn and use language. WYSIWYG editor makes it very complicated, but it doesn't always have to be that way.

Always save your file as name.html in order to open it in a web browser. If you are not sure about how to do this with a text editor, take the help of a HTML code editing program.

All About Tags

The only thing to learn before you begin to write HTML pages is the tag system. For e.g:

<b><i><u>bold, italic, underlined text</u></i></b>

This is the tag used to make some text bold, italic and underlined. If even one of the tags is out of its place, the codes will become invalid. The opening tags can contain some extra information. For example, the link tag contains an 'href' such as <a href= “www.site.com”>. Closing tags would never have any extra information.

Structure of HTML Document

All HTML documents start and end with a HTML tag. All HTML Document contain two essential tags. They are the head and the body tags. The head contains the information about the document and the style sheets and scripts that it makes use of. The body tag contains the main text of the document. Once you have an idea about the basic structure of the HTML document, all you need to do is to add more tags to make your page.

Tag Guide

html: It is the first and last tag of a HTML document. It is used to denote a document as HTML document.

title: It contains the page's title that appears on the the browser's title bar.

style: It contains CSS that provides information on the way the browser present your page.

body: It contains the main body text.

p: It donates a paragraph. All of the text is contained in paragraph tags.

b: Bold. It is used to make the text bold.

i: It is used to make text Italics.

u: It is used to underline the text.

h: It is used for Headings. Different tags can be used for headings of different types, such as h1 for a page's main title, and h2 for subheadings.

a. It is the link tag that allows you to link your text to another page.

img: It is used for inserting images.