Hyperlink

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