Lesson 4 :- Using Anchor and Hyper Links
(349 reads)
Using Anchor Tag and the Href Attribute
In order to link in HTML we use the <a> (anchor) tag , this will allow you
to link to another document
The syntax of creating an anchor:
<a href="url">Text to be displayed</a>
The <a> tag is used to create an anchor to link from, the href attribute
is used to address the document to link to, and the words between the open and
close of the anchor tag will be displayed as a hyperlink.
This anchor defines a link to Web Design:
<a href="http://compbuy.co.uk/webdesign">Visit Web Design</a>
The line above will look like this in a browser:
Visit Web Design
Using the Target Attribute
The target attribute,allows you to define where the linked document will be
opened.
The line below will open the document in a new browser window:
<a href="http://compbuy.co.uk/webdesign"
target="_blank">Visit Web Design</a>
The Anchor Tag and the Name Attribute
The name attribute is used to create a named anchor. When using named anchors
we can create links that can jump directly into a specific section on a page,
instead of letting the user scroll around to find what he/she is looking for.
Below is the syntax of a named anchor:
<a name="label">Text to be displayed</a>
The name attribute is used to create a named anchor. The name of the anchor
can be any text you care to use.
The line below defines a named anchor:
<a name="tips">Useful Tips Section</a>
You should notice that a named anchor is not displayed in a special way.
To link directly to the "tips" section, add a # sign and the name
of the anchor to the end of a URL, like this:
<a href="http://compbuy.co.uk/webdesign/sections.html">
Jump to the Useful Tips Section</a>
A hyperlink to the Useful Tips Section from WITHIN the file "sections.html"
will look like this:
<a href="#tips">Jump to the Useful Tips Section</a>
| 
