HTML [Hyper Text Markup Language]

Open link in a new browser

Learn HTML
If a user dont want to get our of your site and he needs to click the link which u have given in your website means user will right click the link and and select the open link in a new window from the popup menu.
but just think if they forget to right click your link or accidentally click the link inside your website what happens user will be directed to the link but forgets about your site to come back so to overcome this you have to add an attribute in the a href code eg., given below

Go to <a href="http://www.google.com/" target="_blank">Check the Google website</a>

Horizontal Rule

What is Horizontal rule it is a line which is displayed in a new line that is it acts as a line separator experiment it and understand very well

<body>
<hr>
</body>

Different size in using hr tags

<body>
<hr width="20%">
<hr width="50%">
<hr width="100%">
<hr width="20">
<hr width="50">
<hr width="100">
<hr width="60%" align="left">
<hr width="60%" align="right">
<hr width="60%" align="center">
</body>

Controlling the thickness size of the hr tags

<body>
<hr width="60%" size="1">
<hr width="60%" size="3">
<hr width="60%" size="8">
<hr width="60%" size="15">
</body>

Instants to make it solid line

<body>
<hr width="60%" size="1" noshade>
<hr width="60%" size="3" noshade>
<hr width="60%" size="8" noshade>
<hr width="60%" size="15" noshade>
</body>

Creating an unordered and ordered lists

Another very useful little tool is a list. There are ordered lists and unordered lists.

This is an ordered list:
1. SAFETY TIPS FOR CANOEISTS
2. Be able to swim
3. Wear a life jacket at all times
4. Don't stand up or move around
5. Don't overexert yourself
6. Use a bow light at night

This is an unordered list:
• SAFETY TIPS FOR CANOEISTS
• Be able to swim
• Wear a life jacket at all times
• Don't stand up or move around
• Don't overexert yourself
• Use a bow light at night

<body>
SAFETY TIPS FOR CANOEISTS
</body>

Add a pair of unordered list tags <ul> and </ul>.

<body>
SAFETY TIPS FOR CANOEISTS
<ul>
</ul>
</body>

Add a list item.

<body>
SAFETY TIPS FOR CANOEISTS
<ul>
<li>Be able to swim</li>
<li>Wear a life jacket at all times</li>
<li>Don't stand up or move around</li>
<li>Don't overexert yourself</li>
<li>Use a bow light at night</li>
</ul>
</body>

How to make an ordered list? pretty simple Change the <ul> tag to <ol>.

<body>
What I want for Christmas
<ol>
<li>Be able to swim</li>
<li>Wear a life jacket at all times</li>
<li>Don't stand up or move around</li>
<li>Don't overexert yourself</li>
<li>Use a bow light at night</li>
</ol>
</body>

Changing the Appearnce of Bullets

Here is the way to change your bullets to SQUARE bullets:

<UL TYPE="square">
<li>Orange</li>
<li>Apple</li>
<li>Grapes</li>
</UL>

If your browser supports the TYPE attribute, you should see the following square bullets. If your bullets are not square, then your browser does not support the TYPE attribute. Note that the value "square" is written in lowercase letters. The TYPE attribute will not work if it is written in uppercase letters.

Orange
Apple
Grapes

You can also change the appearance of your bullets to hollow or open bullets with:

<UL TYPE="circle">
Orange
Apple
Grapes

To get the round solid bullets back again (which is the default value), use:

<UL TYPE="disc">
Orange
Apple
Grapes

Changing the Appearnce of an Ordered List

We can also change the ordered list to something other than Arabic numbers (1, 2, 3, etc.). For example, to change to a capitalized Roman Numeral numbered list, it is:

<OL TYPE="I">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</OL>

Orange
Apple
Grapes

Note that the "I" is a capital or upper case "I" and not the number 1. The above example will give the following output in the browser:

Orange
Apple
Grapes

The following replacements for the numbered list can also be made:

<OL TYPE="i"> for lower case Roman Numerals (i, ii, iii, iv, and so on).
<OL TYPE="A"> for capital letters (A, B, C, and so on).
<OL TYPE="a"> for lower case letters (a, b, c, and so on).

Note that <OL TYPE="1"> (numerical - 1) is the default for listing the items as 1, 2, 3, and so on.

Notes from Author :

With this i conclude my HTML Tutorials, but still lots of HTML stuffs is there to discuss, if u need some other HTML codes to be added or have an question?, then Don't hesitate to contact me Mentioning With the Subject as "Help Needs on HTML" and one more thing if u find any mistake in my HTML tutor please drop a comments