|
Styling your linksYou can add the things that you have learned about font to links too. But instead of adding the font variables directly in the <a> tag, you will need to add it after it with the <font> tag. Adding the <font> attributes before the <a> tag is not correct because then the link will not show up according to the font attributes, we will show you can example of this:
<font size="3" color="red" face="impact">
<a href="http://www.mysite101.com">MySite101</a></font>
The code above does not work since the linked text is not size 3 or red, and it isn't using the font impact either. Now we will show you the proper way of doing it below:
<a href="http://www.mysite101.com">
<font size="3" color="red" face="impact">MySite101</a></font>
As you can see above, the code works now. The </font> can go either before or after the </a> tag. It doesn't matter much as long as it is after the text that you want it to have an effect on. Other than the font tag, there are also bold tags, italics, etc. that you can use to change the font and it doesn't matter if you place these tag before or after the <a> tag, it will work both ways. We will show you two examples below. One with the <b> tag after the <a> tag and one with the <i> tag before the <a> tag.
<a href="http://www.mysite101.com"><b>MySite101</b></a>
<i><a href="http://www.mysite101.com">MySite101</i></a>
You can see that they both work properly on your browser. |