Web designing - HTML Tutorial - 8

HTML Forms:

Forms in HTML are used with <form> tag. It starts with <form> and ends with </form>. <form> tag has some attributes like "name", "action", "method" etc.

There are several input elements in HTML form. Some of them are text field, password field, radio button, check box, button (submit or reset), drop down list etc.

Web designing - HTML Tutorial - 7

Lists in HTML:

Lists are of two kinds. They are -
                                               1. ordered list
                                               2. unordered list

For unordered list, <ul> tag is used - <ul> for starting and </ul> for ending the tag. ul stands for "unordered list".
For ordered list, <ol> tag is used - <ol> for starting and </ol> for ending the tag. ol stands for "ordered list".

<li> tag is used for each list element - <li> is for starting and </li> for ending.

Web designing - HTML Tutorial - 6

Formatting Text:
 
While typing in a word processor (i.e. Microsoft Office or Open Office), we can write our text with different formatting. In HTML, we can also do the same. Let's say something about the formatting.

• Bold: "<b>" tag is used. "<b>" for start and "</b>" for end;
• Strong: "<strong>" tag is used. "<strong>" for start and "</strong>" for end;

Web designing - HTML Tutorial - 5

Paragraph Tag (<p>, </p>) :
We may need to create paragraph while designing web page. We can do it by using "<p>" tag.The starting tag will be "<p>" and the ending tag will be "</p>". If we forget to use the ending tag, the browser may display the paragraph erroneously. But fortunately, most browsers can display paragraph correctly even if we forget to use the ending tag ("</p>"). Forgetting to use the tag is not a good practice.

Web designing - HTML Tutorial - 4

If we want to give a link on your web page, then you have to use the "<a>" tag. Here, you have to use the "href" attribute. A simple example is given below :

Web designing - HTML Tutorial - 3

Sometimes it is important to add image while creating a page. To add picture the tag "<img>" is used. An example is given below :

Web designing - HTML Tutorial - 2

Now, let's see how to connect more than one pages or how to link pages. The tag used for this is :

Web designing - HTML Tutorial - 1

Those who are so much eager to learn web developing, HTML is a base language for them. If anybody knows the HTML, it will be much easier to them to learn other web developing languages. So, for making it easier to learn HTML, I've started to give a bit idea about this.