.:: Welcome To My Personal Blog ::.

Saturday, December 18, 2010

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 :



Here, "This is Link1" is the link text that would appear on the page and "www.link1.com" is the link to which the link will refer after clicking on that.

If you want to open the link in a new browser window, you can do the following :

 <a href="www.link2.com/" target="_blank">Link2 - This will open in a new browser window</a> 

When a visitor click on this link, it will open in a new window.
If we would like to give a link of the html file of a subfolder, just give the path like this:

<a href="www.mainaddress.com/subfolder1/file1.html">File in another subfolder</a>

We can also use anchor to direct a visitor to a specific place or section of a page. It is done by the following:

<a href="#anchor1">Go to Anchor1</a>
The anchor "anchor1" must be given in the specific place. If the browser does not find the named anchor, it goes to the top of the page.

Let's now talk about the headers. In HTML headers are defined from "h1" to "h6". Among this headers, "h1" is the largest and "h6" is the smallest one.

You can use the headers as you need.

Here is an example:

<html>
   <body> 
      <h1> Header h1</h1>
      <h2> Header h2</h2>
      <h3> Header h3</h3>
      <h4> Header h4</h4>
      <h5> Header h5</h5>
      <h6> Header h6</h6>
   </body>
</html>



To be Continued.........

2 comments:

  1. owaoooo........I have crteated my 1st web page following you..thank u .want to see more about using templates.

    ReplyDelete
  2. Thanks a lot for using this tutorial......

    ReplyDelete

Popular Posts