On
We will learn to create hyperlink to external page, external page in blank window, and to browse in deeper place of the same page.
External page

See the example, it's a normal hyperlink
<p><a href="http://www.google.com">Hello</a></p>

See the example, it's a normal hyperlink without underline
<p><a href="http://www.google.com" style="text-decoration: none">Hello</a></p>

See the example, it's a normal hyperlink without underline and with bold font
<p><a href="http://www.google.com" style="text-decoration: none; font-weight: 700">Hello</a></p>

Now with Trebuchet MS Font
<p><font face="Trebuchet MS"><a href="http://www.google.com" style="text-decoration: none; font-weight: 700">Hello</a></font></p>

Trebuchet MS Font with a specific size
<p><font face="Trebuchet MS" size="2"><a href="http://www.google.com" style="text-decoration: none; font-weight: 700">Hello</a></font></p>



External page, opening in a new window
<p><a target="_blank" href="http://www.google.com">Hello</a></p>
Simply add target="_blank" with spaces both side inside the code



Internal page
Linking to anchors is very similar to normal links. Anchors point to a place within a page. To link to an anchor you need to:
# Create a link pointing to the anchor (in deeper place)
# Create the anchor itself. (in index)

An anchor is created using the <a> tag.
If you want to create an anchor called chapter4, you simply add this line inside HTML code where you want the anchor to be (in deeper place):

<a name="chapter4"></a>

After doing this, you can make a link pointing to the anchor using the normal <a href> tag, like this (in index):

Click <a href="#chapter4">here</a> to read chapter 4.



Try this yourself