Links are found in nearly all web pages. Links allow users to click their way from page to page.
HTML Links – Hyperlinks
HTML links are hyperlinks.
You can click on a link and jump to another document.
When you move the mouse over a link, the mouse arrow will turn into a little hand.
Note: A link does not have to be text. It can be an image or any other HTML element.
HTML Links – Syntax
In HTML, links are defined with the
<a href="url">link text</a>
<a href="https://www.google.com/">Visit Google</a>
href attribute specifies the destination address (https://www.google.com) of the link.
The link text is the visible part (Visit Google).
Clicking on the link text will send you to the specified address.
The example above used an absolute URL (A full web address).
A local link (link to the same web site) is specified with a relative URL (without http://www….).
<a href="html_images.asp">HTML Images</a>
HTML Links – Create a Bookmark
HTML bookmarks are used to allow readers to jump to specific parts of a Web page.
Bookmarks can be useful if your webpage is very long.
To make a bookmark, you must first create the bookmark, and then add a link to it.
When the link is clicked, the page will scroll to the location with the bookmark.
First, create a bookmark with the
idOR name attribute:
<h2 id="C4">Chapter 4</h2> <h2 name="C4">Chapter 4</h2
Then, add a link to the bookmark (“Jump to Chapter 4”), from within the same page:
<a href="#C4">Jump to Chapter 4</a>
Or, add a link to the bookmark (“Jump to Chapter 4”), from another page:
<a href="html_demo.html#C4">Jump to Chapter 4</a>