- Worldstart's Tech Tips And Computer Help - http://www.worldstart.com -

HTML Links

Posted By adam On May 12, 2010 @ 11:13 AM In Web Design | Comments Disabled

If we reviewed the different ways websites are constructed, we would find a variety of HTML techniques used by webmasters. Some of them are related to the way Hyperlinks are enabled online. Let’s take a look at some of these cool styles to have a better understanding of web development. The first thing is to know how simple web links are added to the websites and the way browsers interpret the code.

Assume you want to add a paragraph plus link to your HTML page. Please take a look at this code: <p><font size=”6″><a href=”http://www.google.com”>Hello and welcome to my web page.</a></font></p> By saving the code and accessing your page via browser, the following effect would emerge:

image

One neat trick to use while implementing links is to edit the way accessed pages load on your browser. One technique, which is being broadly used by web admins, is to open a new browser page once a hyperlink is clicked on. Please observe how this option is activated online: <p><font size=”6″><a target=”_blank” href=”http://www.worldstart.com”>Hello and welcome to my web page.</a></font></p> And the modified link effect would be like this:

image

Sometimes while browsing the web you may arrive on a page containing links powered by the HTML title tag. This trick results in getting small pop-up messages by the links as you hold you mouse pointer over them. This technique gets activated by addition of a small snippet of code to the sample script; <p><font size=”6″><a target=”_blank” href=”http://www.worldstart.com” title=”Hello and welcome to my web page.”>Hello and welcome to my web page.</a></font></p> Once the page’s changes have been saved and it loads on your browser it should look like this:

image

It’s also an interesting idea to frame links by adding a horizontal line on top of the link itself. Please check out this script: <p><span style=”text-decoration: overline”><font size=”6″><a target=”_blank” href=”http://www.worldstart.com” title=”Hello and welcome to my web page.”>Hello and welcome to my web page.</a></font></span></p> The effect is called ” Overline” and the edited web link, as you may guess, would be shown as below:

image

~Hamid Reza


Article printed from Worldstart's Tech Tips And Computer Help: http://www.worldstart.com

URL to article: http://www.worldstart.com/html-links/