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.
In HTML, links are defined with the <a>
tag:
The href
attribute specifies the destination address (https://www.ngs-it.com/) of the link.
The link text is the visible part (Visit our HTML tutorial).
Clicking on the link text will send you to the specified address.
Note: Without a forward slash at the end of subfolder addresses, you might generate two requests to the server. Many servers will automatically add a forward slash to the end of the address, and then create a new request.
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 https://www....).
By default, a link will appear like this (in all browsers):
You can change the default colors, by using CSS:
The target
attribute specifies where to open the linked document.
The target attribute can have one of the following values:
This example will open the linked document in a new browser window/tab:
Tip: If your webpage is locked in a frame, you can use target="_top"
to break out of the frame:
It is common to use images as links:
Note: border:0;
is added to prevent IE9 (and earlier) from displaying a border around the image (when the image is a link).
The title
attribute specifies extra information about an element. The information is most often shown as a tooltip text when the mouse moves over the element.
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 id
attribute:
Then, add a link to the bookmark ("Jump to Chapter 4"), from within the same page:
Or, add a link to the bookmark ("Jump to Chapter 4"), from another page:
External pages can be referenced with a full URL or with a path relative to the current web page.
This example uses a full URL to link to a web page:
This example links to a page located in the html folder on the current web site:
This example links to a page located in the same folder as the current page:
<a>
element to define a linkhref
attribute to define the link addresstarget
attribute to define where to open the linked document<img>
element (inside <a>) to use an image as a linkid
attribute (id="value") to define bookmarks in a pagehref
attribute (href="#value") to link to the bookmarkRequired fields are marked *
Get all latest content delivered to your email free.