Building Anchor Tags
Anchor tags are represented with <a></a> tags an inside the tags is an hyperlink.This hyperlink can be represented as text or image and when clicked on,you are instantly transported somewhere else. The
new destination might be on the same computer as the initial page, or it
could be literally anywhere in the world.Here is the code :
<a href="http://wiredcoding.blogspot.com">wiredcoding</a>
Making Your Text Hyper
Type the following code in your text editor.
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Tables </title>
</head>
<body>
<p>
The best blog ever for programmers is
<a href="http://wiredcoding.blogspot.com">
wiredcoding</a>
</p>
</body>
</html>
Difference between block-level and inline elements
All the tags described so far in this mini tutorial have been block-level tags. Block level tags typically begin and end with carriage returns. For example, <h1> tags occupy three lines while<p></p> set has implied space above and below it. Most HTML tags are block-level. Some tags are meant to be embedded inside block-level tags and don’t interrupt the flow of the text. The anchor tag is one such tag. Anchors never stand on their own in the HTML body. This type of tag is an inline tag. They're meant to be embedded inside block-level tags, such as list items, paragraphs, and headings.*Note : This is the main code that create the link <a href="http://wiredcoding.blogspot.com"> wiredcoding</a>
Absolute and Relative References
Absolute references are links that takes us to an outside page just like the example above.Absolute references always begin with the protocol name usually "http://" .
Relative references are used when your website includes more than one
page. You might choose to have several pages and a link mechanism for
moving among them.example of a relative ref. is <a href = "home.html">Homepage</a>
Note,there is no protocol "http://" and no address at all, just a filename.
Replace the code in your body tag with this:
<li>Click here to go home
<a href = "home.html">Homepage</a></li>
<li>click here to view pics
<a href = "home.html">viewpics</a></li>
<li>click here to chat
<a href = "home.html">chat</a></li>
