Skip to main content

HTML Tags | Adding a link in HTML


Adding a link in HTML is fairly simple all we need to do is add the file location and link title in between the opening and closing <a> tags.
like this:

<a href="http://fawwebdevelopment.blogspot.com">Link to my Blog</a>

The above code will be rendered in a browser like this:

Adding a link in HTML





After adding the above code the browser will change appearance of the link, the text color will be changed to blue and text will be also underlined this is the default behavior by browsers to indicate links. To style this links to appear the way you want please read the tutorial on “how to style links”.

In the HTML Code<a href="http://faqwebdevelopment.blogspot.com">Link to my Blog</a>
<a> stands for Anchor text , “href” attribute specifies the file path .


Comments

Popular posts from this blog

Adding a button in HTML | styling a button

To add a button in a HTML page use <input> tags and specify the type as button like so
<input type=”button” value=”submit” action=”submit.php”> this code will be rendered in browser like in Figure 1.1
Further more if you wish to style this button we can apply a set of CSS rules to make the buttons look pretty here are a few examples: Download code for these buttons here



Advanced Jquery easing | Demo and Download

Swing and Jquery easing are included in the Jquery core library but there are many other easing methods which are included in the Jquery easing plugin, available in the Jquery plugin repository. Here are the other easing methods: easeInCirc easeInOutExpo easeOutBack easeOutElastic easeOutBounce easeInOutElastic



to use this easing methods we need to pass its name to the animate function lets see an example which covers most of the above said easing methods.
Download DEMO

<! DOCTYPE HTML> </head> <script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="Scripts/easing.js"></script> <style> p{ height:150px; overflow:hidden;} #div1,#div2,#div3,#div4{ position:absolute; border:1px solid #999; border-radius:5px; width:350px; padding:6px;} #div1,#div3{ margin-left:5%; background-color:#00CCFF; } #div2,#div4{ margin-left:50%; background-color:#FC0;} #div3,#div4{ margin-top:…